HTML5の基礎知識~概要~
素人が書く備忘録
ひとまず、ざっくりと概要について。(基本的にはHTML5.2を元に記載。)
セマンティクス
- HTML5以前は、人間にとって理解しやすいように設計はされてきたものの、マシン(検索エンジン等)にとっては明確ではなかった。
- HTML5では、セマンティクスという概念が根幹となっている。
- HTMLで意味づけをしてマークアップすることをセマンティック・マークアップという。
- そのようにマークアップされた情報を活用していくことをセマンティックWebという。
- セマンティックWebはW3Cのティム・バーナーズ=リーによって提唱されたもの。
あるHTMLの例
<div class="article"> <h2>好きな焼き鳥メニュー</h2> <div class="list">ネギま</div> <div class="list">ぼんじり</div> <div class="list">皮(カリカリタイプ)</div> </div>
セマンティクスな感じで書いた例
<article> <h2>好きな焼き鳥メニュー</h2> <ul> <li>ネギま</li> <li>ぼんじり</li> <li>皮(カリカリタイプ)</li> </ul> </article>