HTML5标签和div标签

现在我一直在使用HTML5构建网站，我喜欢使用它提供的新标签。在div之后避免使用div的能力是一件美妙的事情，并且它导致更清晰和更容易阅读html。有些让我有点困惑的东西是，当它使用div标签在语义上是正确的。我知道一个div是可能需要组合在一起的语义标记内容的集合，但我已经看到了编写HTML5的多种方式以及程序员如何使用div，而我只是不确定什么是正确的方式和错误的方式，或者换句话说，好的方法和更好的方法。HTML5标签和div标签

例如：

<div id="header"> 
    <header> 
     <h1>Here is a header!</h1> 
    </header>  
</div> 

<header id="header"> 
    <h1>Here is a header!</h1> 
</header>

虽然这两种方式来编写HTML，但多了一个语义正确，则其他？将标识或类添加到页眉，页脚，导航或旁边标记并对其进行样式设置是最佳做法，还是针对div标记？或者有可能我只是在想这个？如果有人能帮我放下心思，给我一个很好的理解，那会很棒！

来源

2012-09-07 Jarrod

好问题，我也应该问：更好的样式div id =头或浏览器兼容性（如IE8）的标头标签？ – ipel

使用标签并使用Modernizer.js，因此您获得IE支持。

来源

2012-09-07 03:30:25 Madushan

是的..这应该是一个评论... – Madushan

我觉得写一个标题语义的方式将类似

<header> 
    <h1>This is the page heading!</h1> 
    <!-- extra header information --> 
    <p>A paragraph explaining the page</p> 
    <!-- navigation can go into the header, but it doesn't have to --> 
    <nav> 
     <ul> 
      <li><a href="/example-page">Example page</a></li> 
     </ul> 
    </nav> 
</header>

的关键点是头元素不应该是一个DIV＃头元素的内部，因为那是多余的。由于相同的原因，标题元素也不需要标识。

来源

2013-06-27 03:39:54 roberttstephens

使用'

HTML5标签和div标签

回答

相关问题