Common HTML tags and problems (common issues)

文章目录

• 区分table和div的作用是什么？
• 如何理解HTML语义化的设计理念？它的主要目的是为了提升代码的可维护性和可扩展性。
• iframe有哪些缺点？
• label的作用是什么？如何正确使用？
• 比较title、h1等标签在网页布局中的作用有何不同？b标签与strong标签在功能上有什么区别？而i标签又与em标签各自承担什么样的显示角色？
• 行内元素、块级元素、空元素分别在哪些场景下被应用？
• 在页面中如何实现一个圆形的点击区域？
• 讲述关于meta信息的知识
• svg文件的基本定义及用途是什么？
• 详细解释canvas图形与svg图形之间的主要区别

1.table和 div 区别

核心：速度和加载方式方面的区别。

div:

加载方式是即时预览模式，在未闭合的< div >内容中按需加载其内容；

table:

采用的方式是在完成之后进行加载，在处理到</ table >之前，不会先对< table >内的内容进行预加载。

2.说说你对HTML语义化的理解

• 按照规范使用标签标记完成恰当的工作。
• HTML语义化旨在使页面内容结构清晰便于浏览器和搜索引擎解析。
• 即使不依赖样式CSS也能以一种文档格式呈现且易于阅读。
• 搜索引擎爬虫通过标记确定上下文内容及其关键字权重从而优化SEO