HTML5の構造タグのデモ

StackOverflow https://stackoverflow.com/questions/2616579

  •  26-09-2019
  •  | 
  •  

質問

においてデモの構造タグ <header>, <footer>, <articles> ... http://brucelawson.co.uk/tests/html5-elements.html このようなことが強調される各要素 ください、

役に立ちましたか？

解決 2

WT ... のの 私はこれを見つけます！ http://netstream.ru/htmlsamples/html5-blog/index.html ここでは、これはgeorgeous !!!

であります

他のヒント

があり（いつものように）離れリストで良い記事： http://www.alistapart.com/articles/previewofhtml5する

シンプルな構造のために、それはあなたが唯一つのセクションを持っている場合は 'セクションが、これは必須ではない内部の「脇」「記事」とを囲むかのうです。

例えば、

<header>...</header>
<section>
  <article>...</article>
  <aside>...</aside>
</section>
<footer>...</footer>

はより同じです 

<header>...</header>
  <article>...</article>
  <aside>...</aside>>
<footer>...</footer>

しかし、このタグとしてとても例えば、それらは一箇所に固定されていませんflexiblesされます：

<header>...</header>
<section>
  <header>...</header>
  <nav>...</nav>
  <aside id="navbar1">...</aside>
  <article>
    <header>...</header>
    <section>...</section>
    <aside>...</aside>
    <footer>...</footer>
  </article>
  <aside id="navbar2">...</aside>
  <footer>
  </footer>
</section>
</section>...</section>
<nav>...<nav>
<footer>...</footer>

東ソー HTML5博士 や HTML5ギャラリー.この詳細な記事を使用方法などの新HTML5タグの例サイトを利用しています。

上記のポストは正しいのですが、ナビゲーションツールは、よりセマンティックなコードです<nav>タグを使用する必要があります。 （注：グローバルコンテナのセクションタグを使用しない、再配列ヘッダとフッタで使用するの<div id="main">あるいは<body>）：

<header>...</header>
<div id="main">
  <header>...</header>
  <nav>...</nav>
  <aside class="nav_container">
    <nav id="navbar1">...<nav>
  </aside>
  <article>
    <header>...</header>
    <section>...</section>
    <aside>...</aside>
    <footer>...</footer>
  </article>
  <aside class="nav_container">
    <nav id="navbar2">...<nav>
  </aside>
  <footer>
  </footer>
</div>
</section>...</section>
<nav>...<nav>
<footer>...</footer>

HTML5で導入が最善の方法です。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top