HTML常见的标签问题

最新推荐文章于 2023-02-16 23:16:34 发布

鸭绒

最新推荐文章于 2023-02-16 23:16:34 发布

阅读量575

点赞数

分类专栏：前端面试 HTML5 文章标签： html 前端 html5

本文链接：https://blog.csdn.net/weixin_43334673/article/details/108957436

版权

本文详细探讨了HTML中table与div的区别，强调了HTML语义化的概念及其重要性，揭示了iframe的潜在缺点。同时，解释了label元素的功能及使用，对比了title、h1、b与strong、i与em之间的差异。此外，还介绍了行内元素、块级元素和空元素的分类，并展示了实现圆形可点击区域的不同方法，最后讨论了meta标签和SVG、canvas图形的区别。

摘要由CSDN通过智能技术生成

文章目录

1.table和 div 区别

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

div:

加载方式是即读即加载，遇到< div > 没有遇到</ div > 的时候一样加载< div > 中的内容，读多少加载多少；

table:

加载方式是完成后加载，遇到< table > 后，在读到</ table > 之前，< table > 中的内容不加载

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

用正确的标签做正确的事情！
html 语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；
在没有样式 CCS 情况下也以一种文档格式显示，并且是容易阅读的。
搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。
使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

3.iframe有哪些缺点？

iframe 会阻塞主⻚⾯的 Onload 事件
搜索引擎的检索程序⽆法解读这种⻚⾯，不利于 SEO
iframe 和主⻚⾯共享连接池，⽽浏览器对相同域的连接有限制，所以会影响⻚⾯的并⾏加载
使⽤ iframe 之前需要考虑这两个缺点。如果需要使⽤ iframe ，最好是通过javascript 动态给 iframe 添加 src 属性值，这样可以绕开以上两个问题

4.label的作用是什么？怎么使用？

作用：label 元素不会向用户呈现任何特殊效果。但它能提高用户体验，如果您在 label 元素内点击文本，就会触发此控件。
就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<form>
<label for="male">男</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">女</label>
<input type="radio" name