我正在更新网站以使用一些 HTML5 结构元素。
我看了很多文章，但我仍然不是 100% 清楚。
我的问题是关于内容，而不是页眉或页脚元素。这是一个典型的例子:
<div id="main-content" class="grid-8">
<section>
<h1 class="grey-heading">How It Works</h1>
// some section content here
</section>
</div>
<div id="sidebar" class="grid-4">
<aside>
// some related stuff here
</aside>
</div>
如您所见，它是一个简单的主要内容/侧边栏设置。问题是，我保留结构 div 是否正确(因为它们就是这样做的)，还是可以将结构内容与内容一起添加？换句话说，删除 div 并将类/id 添加到部分和旁白？
谢谢。
最佳答案
如果您的样式允许，您可以替换它们，它们为浏览器提供额外的语义含义，这对辅助技术和网络爬虫特别有用。您的标记非常好，但可以随意删除 <div>如果您不需要它们来造型。您也可能想使用 <nav>如果用于导航，则在侧边栏上。
我想强调的是，是否保留 <div> 取决于您。 s 与否，如果您提供 HTML5 语义标签，那么您将失去 20 个内部 <div> 的意义。 s 用于您的布局，如果您希望它们用于样式或组织。 HTML5 语义标签就像 <div>除了它们具有额外的语义含义之外。
这是一个 HTML5 布局示例:
<header></header>
<nav></nav>
<section>
<header></header>
<article></article>
<article></article>
<footer></footer>
</section>
<aside></aside>
<footer></footer>
还要确保您使用像 modernizr 这样的库如果您使用的是 HTML5 标记，则作为旧版浏览器的 polyfill。
引用
关于html - 如何使用 HTML5 元素构建我的网页？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15659771/