• html最常见的问题:语义化的HTML结构怎么理解?
    前天面试对于这个问题我是这么答的:

html语义化就是让页面的内容结构化。
1.在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的。
2.搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。
3.使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
4.方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以有意义的方式来渲染网页;
5.便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化。

说完之后我还觉得自己答的挺好的,但是接下来面试官就问了,那你看一下你简历上面这部分用html怎么实现,我一开口就来了header,footer,div.这时面试官就说了,刚刚不是说好的html语义化吗,你这就没有语义化,这一看就是一个列表,你看有ol,ul,dl你应该用这些吧,我当时就惭愧了,决定回来后好好弄得前端基础知识。

  • 下面我们继续来说html语义化:
  • 既然前端强调html语义化,那么我们除了知道语义化的字面意思,还得知道自己在平时写代码的时候如何做到语义化,在看到内容的时候想想用什么标签能更好的描述它,是什么就用什么标签。不要都用div加class布局,html5新的标签很多就是为了支持语义化的,语义化的标签我就不多说了,大家可以看一下一些常见的html语义化标签写代码时应注意什么
  • 如果下次回答这个问题,我可能会这样回答,先简述上面的5条,再通俗的说,语义化就是你写的html界面在没有css的情况下能让你,我,它,都能看懂,你我相当于,开发人员,和阅读源代码的人,它就是搜索引擎爬虫,屏幕阅读器以及移动设备。说完这些再说说h5很多标签就是为了让页面更加语义化,列举几个,再结合简历简单的用html描述一下你是如何用语义化的标签来写你的简历页面的。
  • html语义化今天就总结到这里了,每天积累一点点。
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐