HTML5でのタグ使用の注意点について考えていきたいと思います。
HTML5のタグを少し知れば、表示もあまり変わらないような記事を作ることが可能になってきます。
しかし、それでは文章構造としてはよいとは限りません。そんな中で、HTML5タグ使用の注意点について考えていきたいと思います。
h1、h2、h3、h4、h5利用の注意点をまとめていきます。見出しタグは重要なタグです。もし見出しをimgタグ(画像)を使ったとしてもalt属性は必ず使うようにしましょう。
主に注意する点は以下の3点です。
;適切な見出しが必要な場合に見出しを使うこと|見出しはh1、文章はh2というような表現をよく見かけますがこれはあまりよろしくありません。
参考URL:http://www.seoaxis.com/seonews/2012/02/h2_1.html
必ず、alt属性を使用しましょう。
正しい例:
<img src="hoge.gif" alt="画像の内容の説明">
誤った例:
<img src="hoge.gif">
HTML5からインライン要素、ブロックレベル要素という概念はなくなり、コンテンツモデルという概念に移り変わりましたが、それでもインライン要素の中にブロックレベル要素を使ってはいけません。
グローバルメニューなどはulとliを使い、更新情報などはdt,ddを使うようにする。
tableとlistについてを参考にしてみてください。
<b>太字や<i>イタリックを使う場合、CSSで記述させるようにする。
ブログ等で改行を多用している場合がありますが、好ましくはありません。
文字が点滅するタグはNetscapeだけしかサポートされておらず、文字が流れるタグはIEだけでしかサポートされておらず、利用は好ましくありません。
参考URL
犯してはいけないHTMLタグの過ち10個:http://weboook.blog22.fc2.com/blog-entry-254.html
文法チェックサイト:http://validator.w3.org/