コメント:HTML構造はより明確で標準化されており、HTML5最適化構造のアイデアを学びます。 HTML5は、一般的に使用される構造を識別するためのいくつかの新しい要素を追加しました。 HTMLはよりセマンティックですが、直接使用することはできません。可能であっても10年または8年間待つ必要があります。それはマイクロ形式のようなもので、代わりにクラスを使用するか、自由にクリックして、IDとクラス名を使用して構造をより明確にします
HTML構造はより明確で標準化されており、HTML5最適化構造のアイデアを学びます。HTML5は、一般的に使用される構造を識別するためのいくつかの新しい要素を追加しました。 HTMLはよりセマンティックですが、直接使用することはできません。可能であっても10年または8年間待つ必要があります。
代わりにクラスを使用するマイクロ形式のようなものであるか、意志でクリックして、代わりにIDとクラス名を使用して構造をより明確にし、標準に昇格させてチームのコラボレーションをよりスムーズにします。
いくつかの新しい構造マーカー
◎セクション:これは本の章やセクションである可能性があり、実際にはHTML4に独自のタイトルを持つものは何でもできます
◎ヘッダー:ページに表示されるヘッダー。ヘッド要素とは異なります
◎フッター:フッター;電子メールに署名を表示できます
◎NAV:他のページへのリンクのセット
◎記事:ブログ、雑誌、記事の編集などの記事。
いくつかの例
HTML5ドキュメント構造
<header> ... </header>
<nav> ... </nav>
<記事>
<section> ... </section>
</article>
<astas> ... </adas>
<フッター> ... </footer>
XHTMLドキュメント構造
<divid = header> header </div>
<divid = nav> nav </div>
<divclass = article>
<divclass =セクション>セクション</div>
</div>
<divid = adaf> adaf </div>
<divid =フッター>フッター</div>
HTML5画像構造
<図= fig2>
<legend>図2.installmozillaxformsdialog </legent>
<imgalt = awebsiteisrequesting fonethollowingitem:mozillaxforms0.7unsignedsrc = installdialog.jpg/>
</図>
XHTML画像構造
<divclass =図>
<h4class = legent> figure2.installmozillaxformsdialog </h4>
<imgalt = awebsiteisrequesting fonethollowingitem:mozillaxforms0.7unsignedsrc = installdialog.jpg/>
</div>
HTML5タグ付け
M要素は、テキストがマークされていることを意味しますが、強調する必要はありません。本で強調されているセクションと考えてください。
Googleのキャッシュされたページは、典型的なユースケースです。キャッシュされたコピーにリンクされている場合、検索用語がマークされています。たとえば、Egretを検索すると、キャッシュされたGoogleページは次のようになるかもしれません。
偉大な<m> egret </m>(alsoknownastheamerican <m> egret </m>)等式の白wading鳥は世界中で発見されました。 egret </span>(alsoknownastheamerican <spanclass = m> egret </span>)世界中で発見された等身帯の鳥。