一起自学前端开发!

前端标签语义化---前端入门教程

来源:原创    更新时间:2017-07-28 20:14:08    编辑:前端网编辑    浏览:1819

通过之前的学习,我们可以发现,使用一些不同的标签能够达到相同的效果,这个时候我们应该如何选择要使用的标签呢?

这就需要涉及标签语义化的内容了,根据语义来选择使用的标签。

 

什么是标签语义化?

标签语义化就是使用标签的时候要根据标签所代表的的含义来使用,不要因为一些效果而随意使用标签。

例如之前学习的p标签和div标签。

在没有设置样式的时候,两个标签的效果看起来一样。

这个时候如果是定义一个段落的话,选择使用p标签而不是div标签,因为p标签的语义就是段落的意思。

 

标签为什么要语义化?

1、手持移动设备的无障碍阅读

手持移动设备如PDA、智能手机等可能对CSS的解析能力较弱,这时可能就需要更语义的标签来体现一个页面的易读性

 

2、盲人等一些障碍人士的更好地阅读

屏幕阅读器对不同标签所发出的声音是不同的,使用更语义的标签以能传达不同信息的重要性

 

3、搜索引擎的友好收录

虽然各大搜索引擎的排名规则不断的再变化,但规则里的正则始终是要匹配标签的,如果能用更语义的标签,蜘蛛爬行能够根据标签的使用来确定上下和各关键字的权重。

 

4、技术趋势所趋

正如html诞生时的初衷那样,各个标签的本义就是希望能在特定的地方使用合适的标签,而不是去用样式来表现一个不语义的标签。HTML5新增了更多的语义化的标签,原本用来实现的结构,通过Html5的标签我们可以更完美的表现。

 

5、便于团队项目的可持续运作及维护

语义化的命名能够使我们在多人协作一个项目时更加有序和快捷,而不需要去纠结另一位伙伴的CSS命名是什么意思。如果是个人项目,也便于后期其他同事的修改,语义化的命名时一个项目的可读性更高。


评论区

表情

共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

相关内容

点击排行

随机新闻

评论排行榜