学习
实践
活动
专区
工具
TVP
写文章

如何理解html中语义化的定义

1、什么是html

首先理解一下html。html是一种网页的标记语言。

2、什么是语义化

在html中有很多的标签,例如p标签,h1标签,div标签等等。那么在选择使用标签的时候,我们尽量选择具有语义化的标签。这里举个例子:

在html5中新增的header标签,nav标签,footer标签等等。这些标签本身就代表了标签使用的区域。这样的标签就是具有语义化的标签,能使用这类标签的,div标签都可以使用。本质上是没有区别的。但是div是不具备语义化的标签,div仅仅表示一个区块。那么在使用时优先使用具备语义化的标签。

3、为什么建议使用语义化的标签?

(1)、为了在没有css代码时,也能呈现很好的内容结构,代码结构,以至于达到没有编程基础的非技术人员,也能看懂一二。(其实,就是为了不穿CSS外衣,裸奔依然好看)。

(2)、提高用户体验,比如:title,alt用于解释名词和图片信息。

(3)、利于SEO,语义化能和搜索引擎建立良好的联系,有利于爬虫抓取更多的有效信息。爬虫依赖于标签来确定上下文和各个关键字的权重。

(4)、方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页。

(5)、便于团队开发和维护,语义化更具可读性,如果遵循W3C标准的团队都遵循这个标准,可以减少差异化,利于规范化。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190213G0HJ7Z00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

关注

腾讯云开发者公众号
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
腾讯云开发者公众号二维码

扫码关注腾讯云开发者

领取腾讯云代金券