前端面试题(1)—— HTML语义化

语义化是指使用恰当语义的html标签,让页面具有良好的结构和含义。

公司主营业务:成都网站设计、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出民乐免费做网站回馈大家。

比如p标签就代表段落;article代表正文内容等。

语义化的好处有以下两点:

  1. 开发者友好:使用语义类标签增强了可读性,开发者也能够清晰地看出网页的结构,也更为便于团队的开发和维护;
  2. 机器友好:带有语义的文字表现力丰富,更适合搜索引擎的爬虫爬取有效信息,语义类还可以支持读屏软件,根据文章可以自动生成目录,这对于简书、知乎这种富文本类的应用很重要,语义化对于其网站的内容传播有很大的帮助,但是对于功能性的web软件重要性大打折扣。

比如一个按钮,SKeleton这种组件根本没有对应的语义,也不需要SEO

为什么要语义化?

  • 代码结构:是页面在没有css的情况下,也能够呈现出很好的内容结构;
  • 有利于SEO:爬虫依赖标签来确定关键字的权重,因此可以和搜索引擎建立良好的沟通,帮助爬虫抓取更多的有效信息;
  • 提升用户体验:例如title、alt可以用于解释名称或者解释图片信息,以及label标签的灵活运用;
  • 便于团队开发和维护:语义化使得代码更具有可读性,让其他开发人员更加理解你的html结构,减少差异化;
  • 方便其他设备解析:如屏幕阅读器、盲人阅读器、移动设备等,以有意义的方式来渲染网页。

本文名称:前端面试题(1)—— HTML语义化
标题URL:http://bzwzjz.com/article/dsojeih.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计制作 企业网站设计 营销网站建设 高端网站设计推广 成都网站设计制作公司 专业网站设计 广安网站设计 成都响应式网站建设 重庆网站建设 成都网站设计 做网站设计 成都商城网站建设 网站建设改版 网站制作 成都网站制作 成都模版网站建设 网站设计制作报价 高端品牌网站建设 成都网站制作 成都网站建设公司 网站设计 企业网站制作