前端面试知识点总结(HTML篇)

363 阅读1分钟

相关面试题会持续补充,发现文中没有的面试题也可以在评论区留言~ 一句话,题目不是重点,考察的知识点最重要,理解和应用才是关键。

如何理解HTML语义化

  • 增加代码可读性,让人更容易读懂代码,便于团队开发和维护
  • 更有利于SEO, 让搜索引擎更容易读懂,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重
  • 方便其他设备解析 (如屏幕阅读器、盲人阅读器、移动设备)

HTML5新增了哪些语义化标签?

header、footer、hgroup、nav、aside、article、address、audio和video等。H5详细内容

说一下<label>标签的用法

label标签主要是方便鼠标点击使用,扩大可点击的范围,增强用户操作体验

块状元素和内联元素

  • 块状元素:display:block/table 有div、h1-h7、ul、ol、p、table等
  • 内联元素:display:inline/inline-block 有span、img、input、button等