html标签有哪些

说白了,HTML标签就是网页的骨架,像搭积木一样拼凑在一起。

我们先来说说最重要的文档结构标签。
比如我们去年跑的项目中,有同学忘记加这个了,导致老版本的浏览器随机渲染。
说实话,当时很混乱。
一片混乱,一切都必须被包裹在其中。
不用说,这不需要进一步解释。
在标题信息标签中,<title>尤为关键。
比如3 000级的网站标题如果不优化的话,转化率会下降3 0%。
许多人不注意这一点。
这个字符集必须正确,否则汉字会乱码。
去年我们花了2 天时间才改完配置。

另一点是内容结构标签。
他们经常在<body>中使用


起初我以为它们是一样的,但后来发现这是错误的。
事实上,

在SEO中权重最高,通常一个页面上只有一个。


是最常用的。
去年有个同学用


太多了。
结果,页间距乱了。
等等,还有一件事。
请记住
之间的区别。
前者是块级的,后者是内联的。
很多人对此感到困惑。

表格标签和表单标签也经常被使用,例如网上购物的订单表,++
+
去年我们测试了这种结构的3 种写法,发现性能最好的是在中添加id而不是class。
表单中的<input type="text">是最基本的,但是<input type="range">做进度条确实很酷。
我认为值得一试。
对于多媒体标签,请记住添加所有内容。
去年,一位客户因没有添加所有内容而被搜索引擎直接降级。

最后提醒:超链接的href属性拼写错误。
这个错误率是最高的。
建议使用开发工具自带的控制功能,避免后期修改。

html目录代码

18个必知必会的HTML面试题(附答案解析)

嘿,你问过我 HTML 面试问题吗?好啦,给大家介绍几个给我印象比较深刻的。
它们都是真实的东西,不是从互联网上复制的。

上周,一位客户在采访中问我有关 标签的问题。
他很困惑,因为现在谁还在用这个。
我直接告诉你,这个问题的重点不是你知道如何使用它,而是你知道它已经过时了,现在你必须使用 CSS 动画。
你看, 是 HTML4 的东西。
当时确实可以实现滚动效果,但是后来HTML5 推荐使用CSS,兼容性好,可控。
如果面试官问到,你需要知道它是做什么的,为什么不再使用它,以及如何替换它。
这是关键。

我遇到了另一个陷阱,它与 div 和 span 有关。
很多人认为div是一个更大的空间,或者反之亦然。
并不真地。
记得2 02 2 年在北京一家公司面试的时候,面试官问了一个按钮,用div好还是用span好?我当时就愣住了,后来想,这要看要求了。
如果按钮上只有一行小字,间距比较合适。
它是一个内联元素,不占用换行符。
如果按钮上的内容很多,包括图片等,使用div分组会更清晰。
最主要的是要理解它们的定位不同,div是块级的,而space是内联的。

再比如,很多人用这个作为标签,其实不然。
我在上海给一个初学者讲授HTML基础知识时,强调了这几点:它不是一个标签,而是一个文档类型声明(DTD),它告诉浏览器按照什么规范来解析。
它必须放在文件的第一行。
现在都用HTML5 了,写一下就行了,简单明了。
面试官问这个主要是看你是否按照规范的方式使用,而不是作为一个通用的标签来使用。

还有就是职位的属性,这绝对是面试的必备考验。
记得去年在深圳面试的时候,有人问我关于贴纸定位的问题。
我当时说过,粘着很酷的一点是,当元素移动到视口中的某个位置时,比如导航栏,它可以“粘着”。
与粘在屏幕一角的固定式不同,粘性式可以反转。
如果可以当场写个例子,比如使用position: -webkit-sticky;位置:上升;顶部:0;做一个顶部导航栏,面试官一定会印象深刻。

你看,面试题的关键不是背答案,而是理解每个标签和属性背后的逻辑和使用场景。
想一想,<title>和

都叫标题,但一个是给浏览器的,一个是给用户的; display:none 不会直接消失,visibility:hidden 仍然可见但占用空间。
面试官肯定会注意到这些细微的差异。

不管怎样,在准备的时候,不要只是死记硬背答案,而是要多思考为什么要这样设计,以及在什么场景下使用。
如果你遇到不知道的事情,就诚实地说“我不确定”,但你可以说“我大概知道它是做什么的,你可以查一下资料”。
比发明它要好。
相关文章
jquery怎么获取class的值
2026-04-09 22:00:59 浏览:3
html div中文字上下居中
2026-05-22 17:23:43 浏览:1
链入式css样式
2026-05-24 16:24:26 浏览:1
轻松掌握:HTML文本颜色设置技巧
2024-12-14 13:26:32 浏览:3
css文字换行后行距太大怎么调整
2026-05-18 03:49:06 浏览:2