Question

我找不到结构标签<header>，<footer>，<articles>的演示... http://brucelawson.co.uk/tests/html5-elements.html 在这里，类似的东西，但每个元素的突出显示请帮忙

Answer 1

在列表中有一篇好文章（像往常一样）： http://www.alistapart.com/articles/previewofhtml5

对于一个简单的结构，可以在'section'中包含'article'和'aside'，但如果你只有一个部分，这不是强制性的。

例如：

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

与：

相同

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

但由于这些标签非常灵活，因此不会固定在一个地方，例如：

<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>

Answer 2

<强> WT ... 我找到了!!! http://netstream.ru/htmlsamples/html5-blog/index.html 在这里，这很华丽!!!

Answer 3

两个很棒的资源是HTML5 Doctor和HTML5 Gallery。他们分别提供了有关如何使用新HTML5标签和使用它们的网站示例的详细文章。

Answer 4

上面的帖子是正确的，但导航工具应该使用<nav>标记，这是更多的语义代码。（注意：不要对全局容器使用section标记，对重新排列的页眉和页脚使用<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>

Answer 5

html5简介是最好的方式

HTML 5结构标签演示

5 个答案: