HTML 5結構標籤演示

我找不到結構標記的演示<header>，<footer>，<articles> ... http://brucelawson.co.uk/tests/html5-elements.html 這裏，這樣的事情，但強調每個元素請，幫HTML 5結構標籤演示

來源

2010-04-11 Stanislav Sobolev

「在這個演示」 - 什麼樣的演示？ – Jonas 2010-04-11 09:39:16

demo = html5頁面的例子:) – 2010-04-11 09:39:56

這就是爲什麼HTML很棒：你可以複製他的例子，將它粘貼到文本編輯器中，保存爲「test.html」，添加水，然後在瀏覽器中打開它。即時演示！ – 2010-04-11 12:35:43

WT ... 我找到了!!! http://netstream.ru/htmlsamples/html5-blog/index.html 在這裏，這是華麗！

來源

2010-04-11 13:42:26

鏈接不起作用。 – Anil 2016-05-25 04:17:42

http://jsbin.com/agoyoj/9/edit?html,css,js,output試試這個 – 2016-05-26 16:41:18

好的謝謝，明白了 – Anil 2016-05-27 00:45:42

兩個偉大資源是HTML5 Doctor和HTML5 Gallery。他們分別提供了關於如何使用新HTML5標籤的詳細文章以及使用它們的網站示例。

來源

2010-04-11 10:04:15

http://www.brucelawson.co.uk/tests/html5-elements.html 在這裏，像這樣的東西，但突出顯示每個元素 – 2010-04-11 10:14:30

有在名單除了（像往常一樣）好文章： 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>

來源

2010-10-13 10:50:41 miniwark

上面的帖子是正確的，但導航工具應該使用<nav>標籤，也就是更多的se魔幻代碼。（注意：不要使用部分標記爲全球容器，使用帶有重排頁眉和頁腳<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-29 08:28:06 Salaros

介紹與HTML5是最好的辦法

來源

2012-04-12 12:40:59 Navyah

HTML 5結構標籤演示

回答

相關問題