重学前端 第四课 关于语义化标签

什么是语义化标签?
一些和传统标签视觉表现差不多,但是表示不同的语义,比如section  nav  p这些

语义化还有必要吗?
现在互联网产品,大多数情况不需要,只用div,span即可。
但是网页还有其必要性:
1.对开发者更友好
2.利用SEO,利用给引擎爬虫获取有效信息,提升网页的搜索量
3.支持读屏软件

3个运用场景 :
1.自然语言表达能力的补充
举例em和strong     贴一段w3s的介绍:
如果常识告诉我们应该较少使用 <em> 标签的话,那么 <strong> 标签出现的次数应该更少。如果说用 <em> 标签修饰的文本好像是在大声呼喊,那么用 <strong> 标签修饰的文本就无异于尖叫了。沉默寡言的人说出的话总是一诺千金,与此相同,限制 <strong> 的使用可以令应该更加引人注意,而且更加有效。
举一个例子,经常访问 W3school 的用户可以注意到了,许多教程页面的第一句摘要都是以粗体显示的,而实际上,我们对这一句摘要使用了 <strong> 标签。使用这个标签的理由是,我们认为教程摘要不仅概括了其所在页面的内容,而且位于页面的最重要的位置,其内容自然是非常重要的且值得强调的。
个人理解对于平时可以多留意一下,是否能够使用em和strong这样的语义化标签

2.作为标题摘要的语义化标签
h1-h6是最基本的标题,一篇文档会有一个

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值