[英]Whats the best semantic default/starting layout for html5?
我對新標簽應該如何變得有點困惑。
這個對嗎:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<section>
<header>
<nav></nav>
</header>
<section>
</section>
<footer>
</footer>
<section>
</body>
</html>
或者其中一個部分應該是<article>
? 什么應該是起始布局?
對於<body>
內的任何內容,您不應該有“起始”布局。
該<article>
和<section>
標簽都沒有,你必須填寫必須的開銷,他們有適當的概述算法分離標記的高層次塊,如果當你需要做的。 如果您的頁面上只有一篇文章,這是一個常見的情況,那么將整篇<article>
包裝在<article>
沒有任何好處。
目前,示例中的<section>
元素無效。 在你需要它們之前,把它們留下來。
(並且可以說無論如何都要將它們留出來,直到瀏覽器支持更好。對於IE,你需要使用HTML Shiv才能使其中的任何一個工作,並且仍然存在問題。對於更多的用戶案例,這是不值得的但是,對於它帶來的少量實際好處。另外,對於XML有效性,將doctype中的HTML
更改為小寫以匹配實際的根元素。)
恕我直言,我認為你應該將導航與標題分開,因為你不能總是假設導航欄位於你的標題上(如果你的導航欄在旁邊怎么辦?)
除此之外,我認為它是布局的好骨架。 (除非您正在創建新聞或博客網站,否則我認為您不應該在基本布局中包含該標記
您包含的內容取決於您擁有的內容。 當然,您並不總是需要所有語義塊標記。 就個人而言,我現在堅持使用<div>
元素,直到我重寫我的網站。
我將看看Dive到HTML 5,它有一些例子。 這是一個HTML4博客和相同內容的HTML5-ified版本 。
還有一章關於新的語義標記標記。
這是我通常開始的:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="/css/screen.css" rel="stylesheet" />
</head>
<body>
</body>
</html>
為簡單起見,我使用HTML5 doctype和較短的字符集,並將body留空,因為我可能沒有處理“完整”的HTML5項目。 也就是說,該項目可能要求我避免使用新的HTML5分區元素,但這會將項目設置為以后更容易的過渡,並允許我使用HTML5的一些小額津貼(如省略樣式表link
type
)。
或者看看我寫的有效的html5文檔 。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.