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

但是，因为这标签非常软包装它们不是固定在一个地方，例如：

<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