簡體   English   中英

什么是html5的最佳語義默認/起始布局?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM