5

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

4

4 回答 4

5

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

对于简单的结构，可以将“article”和“aside”包含在“section”中，但如果您只有一个section，则这不是强制性的。

例如 ：

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

上面的帖子是正确的，但是导航工具应该使用<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>
于 2011-03-29T08:28:06.950 回答
0

用 html5 介绍是最好的方法

于 2012-04-12T12:40:59.137 回答
0

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

于 2010-04-11T10:04:15.037 回答