ホームページ > 記事 > ウェブフロントエンド > HTML5タグとHTML4タグの違いの例
1. コンセプトの変更:
HTML5 はパフォーマンスではなくコンテンツと構造に重点を置いています
d8eccd9ed644b68a6460a2bb84548c82ナビゲーション関連データd7fb206ed7081b134e1edd3f2b3137f0 🎜>ab946e7546ab66a280dd9c9f9310ecd5
c787b9a589a3ece771e842a6176cf8e9
23c3de37f2f9ebcb477c4a90aac6fffd
4a249f0d628e2318394fd9b75b4636b1
2宣言とタグ:
HTML5 では、より多くの宣言とタグが簡素化され、互換性に関する詳細な規定が設けられ、一部の要素が廃止され、いくつかの要素が追加されました。 HTML5 タグ構文の紹介と新しいタグ
3. 文法タグ:
(1) 終了文字を記述できないタグ: area、basebr、col、command、Embed、 hr、img、input、keygen、link、meta、param、source、Track、wbr (2) 終了文字タグは省略可能: li、dt、dd、p、rt、optgroup、option、Colgroup、thread 、tbody、tr、td、th
(3) 完全に省略できるタグ: html、head、body、colgroup、tbody
4. 新しいタグ:
d75a21f7a0c557a1095519c62d2b0f7d タグは外部インタラクティブコンテンツまたはプラグインを定義します。
24203f2f45e6606542ba09fd2181843a タグは一連のメディアコンテンツとそのヘッダーを定義します。
e8ef4eb2fdf12aab8401ac02ebb5fd36 マーカー付きのマーカー定義テキスト
<!DOCTYPE html> <head> <meta charset=utf-8> <title>PHP100中文网HTML5专题</title> <style type="text/css" rel="stylesheet"> header,nav,article,footer {border:solid 1px #666;padding:5px} header{width:500px} nav{float:left;width:60px;height:200px} article{float:left;width:428px;height:200px} footer{clear:both;width:500px} </style> <script type="text/javascript"> document.createElement('article'); document.createElement('nav'); document.createElement('header'); </script> </head> <body> <header> <hgroup>导航相关数据</hgroup> </header> <nav>菜单</nav> <article> <h1>HTML5专题视频教程</h1> 发布日期:<time>09:00</time> <time datetime="2013-2-10">春节</time> <p>测试相关内容</p> </article> <footer> <address>地址</address> </footer> </body> </html>