当我们可以使用div时,为什么我们需要页脚,导航元素

时间:2015-10-08 19:17:40

标签: html css

我对HTML很新,所以我的问题可能很蹩脚,请原谅我。我为我的第一个网站创建了布局,并注意到我只能使用< div> 标记用来创建我的页脚,不一定要使用<页脚> 标记为页脚。它没有任何区别。所以,我有一个问题,例如“< footer> < div> 标签相比有什么优势。(必须有一些优势,那就是这就是为什么它在HTML)。我发现< article> 标记的相同,没有< article> 标记,我可以只创建内容页面使用< div> 标记。任何人都可以解释我为什么我们真的需要页脚和文章(以及所有这些元素)?

感谢您的帮助。我真的很感激。

4 个答案:

答案 0 :(得分:4)

HTML5元素,如article,header,footer,main,aside等等,用于语义 - 为代码添加含义。当您知道该元素被用作标题时,人们更容易阅读和编辑代码。

ARIA属性也可以与这些元素结合使用,为屏幕阅读器和进一步的可访问性提供更多意义。

答案 1 :(得分:0)

footerarticleheader和其他新的html5标记可帮助您以更全面,更自然的方式构建网页。 当您使用CSS代码对其进行格式化时,它将更容易处理。 当然,您可以使用带有divid属性的class代码,但使用这些新代码时您的代码会更清晰。 我想这对分析网页内容的搜索引擎也很有用。

答案 2 :(得分:0)

除了帮助人们更轻松地阅读代码之外,这个及其他新标签还可以通过浏览器扩展等自动化工具使您的网站更好地工作,这些工具需要识别代码的相关部分。例如,想想一个想要分享文章的社交插件。

答案 3 :(得分:0)

基本解释:

分散在您网页中的所有链接可能都不是导航。他们可以保持简单<a href=''..>**</a>。包含在nav中的链接表示网页的主要导航链接。同样,页脚表示页脚链接。

使用这些标签有助于屏幕阅读器,保持我们的代码干净,语义,并与现代浏览器兼容。 Nav, footer, articles and section etc是DIV元素的HTML5标准化。

此外,更容易选择那些标签进行设计而不使用我们之前经常使用的任何额外类(可能仍在使用)。例如,我们可以footerfooter{..} , nav{..}选择<div class="footer"> or div class="nav">而不是{{1}}。