2010-05-26 71 views
3

我对新标签应该如何去有点困惑。什么是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>?什么应该是开始布局?

+0

HTML5 DOCTYPE是带有小写html的“<!DOCTYPE html>”。如果你喜欢,你可以用代替Content-Type meta,它完全一样(甚至在老版本的浏览器中)。 – 2014-08-14 17:41:32

回答

7

你不应该有任何一个“开始”布局内<body>

<article><section>标签不是妈妈ndatory的开销,你必须填写,他们在那里为大纲算法适当分隔高级块的标记,如果和当你需要这样做。如果您的网页上只有一篇文章,这将是一个常见的案例,将整个文章封装在<article>中没有任何好处。

目前您示例中的<section>元素无所事事。直到你需要它们,把它们排除在外。如果浏览器的支持更好,那么IE浏览器需要使用HTML Shiv才能正常工作,并且仍然存在问题,对于更多的用户来说,这仅仅是一个例子。还有,对于XML的有效性,将doctype中的HTML更改为小写以匹配实际的根元素。)

1

你包含什么取决于你有什么内容。当然,你并不总是需要所有的语义块标签。就个人而言,我现在坚持使用我的<div>元素,直到我重写我的网站。

2

恕我直言,我认为你应该从资产净值的头分开,因为你不能总是假定导航栏坐在你的头(如果你的导航栏就在一旁?)不是

其他我认为它是一个布局的好骨架。 (除非你正在创建一个新闻或博客网站,我不认为你应该在你的基本布局中包含标签

1

这是我平时开始:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <link href="/css/screen.css" rel="stylesheet" /> 
    </head> 
    <body> 

    </body> 
</html> 

我使用HTML5文档类型和字符集缩短为简单起见,并留下体虚,我可能不会在“满”的HTML5项目合作。也就是说,该项目可能会要求我避免使用新的HTML5分段元素,但是这会将项目设置为在稍后的日期更轻松地进行转换,并允许我使用少量的HTML5特权(如从我的样式表link中省略type)。

如果您仍然对切片元素感到困惑,下面是一些关于sectionarticle的文章。

+0

这个问题是空的body标签不是有效的HTML。这可能是更好的在体内开始与此:

标题

2014-08-14 17:35:47

+0

如果身体你有我不知道这是否仍算作“空body标签” < - - 这里的内容!> – iamnotsam 2016-08-27 15:06:17