HTML5のタグを整理してみる

HTML5のタグを整理してみる

2017.06.11

今さらですが、HTML5の追加タグについて、解説書やブログ記事など人によって使い方がことなるので、もう一度整理してみることに。

DOCTYPE宣言や文字コード指定、IE旧バージョンやスマホ対応など、<head>タグ内の設定については割愛します。
当方で利用している headタグのテンプレはこちらでご確認を。

まずはややこしいセクショニングのタグについて。

main / article / section / aside

どう組み合わせてもだいたい正常に表示されますが、ブラウザや検索エンジンにページ構成を正しく理解させるためには、正しく使う必要があるらしいです。

続きを読む…

HTML5 + PHPの注意

2015.02.23

HTML5でPHPコードを記述する場合の注意事項。

HTML5のページ先頭にPHP（<?php ･･･ ?>）を記述する場合。
PHPソースの終わり「?>」に「<!DOCTYPE html>」を続けて記述しないと、空行ができて不具合を起こす場合があります。

<span class="has-inline-color has-vivid-red-color"><?php</span>
　・・・
<span class="has-inline-color has-vivid-red-color">?><!DOCTYPE html></span>
<html lang="ja">Code language: HTML, XML (xml)

自動ページジャンプ

2015.02.23

ページを自動的に移動させる方法です。

HTML＜meta＞タグでのジャンプ指定

旧サイトから新サイトへ移転した場合などに、移転先ＵＲＬを知らせる（自動移動させる）方法としてよく利用されています。

<meta http-equiv="refresh" content="秒数; URL=移動先のＵＲＬ">

「秒数」の部分にジャンプさせるまでの時間を指定。
その後を「；（セミコロン）」で区切り、移動先のページＵＲＬを「絶対パス」または「相対パス」のどちらかで指定します。

閲覧者の環境によっては自動的にジャンプしない場合もあるので、ページ中（＜body＞タグ内）に移動先ページへのリンクも記載しておくことをおすすめします。

続きを読む…