5

構造タグのデモが見つかりません<header>, <footer>, <articles>... http://brucelawson.co.uk/tests/html5-elements.html ここでは、このようなものですが、各要素が強調表示されています 助けてください

4

4 に答える 4

5

(いつものように) 別のリストに良い記事があります: http://www.alistapart.com/articles/previewofhtml5

単純な構造の場合、「セクション」内に「記事」と「脇」を囲むことは可能ですが、セクションが 1 つしかない場合、これは必須ではありません。

例えば ​​：

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

と同じです:

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

ただし、このタグは非常に柔軟であるため、1 つの場所に固定されていません。たとえば、次のようになります。

<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>
于 2010-10-13T10:50:41.373 に答える
0

2つの優れたリソースは、 HTML5DoctorとHTML5Galleryです。新しいHTML5タグの使用方法に関する詳細な記事と、それらを使用しているサイトの例をそれぞれ提供しています。

于 2010-04-11T10:04:15.037 に答える
0

html5 での導入が最善の方法です

于 2012-04-12T12:40:59.137 に答える
0

上記の投稿は正しいですが、ナビゲーション ツールは、<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>
于 2011-03-29T08:28:06.950 に答える