常见的html标签及作用

啊?你为什么发这个?复制粘贴就行了,我可以一步步解释给你听吗?好,那我就选一些有趣的事情和你聊聊。

上周,一位客户问我为什么他创建的网站在他的手机上一团糟。
后来我看了一下,发现<head>中连一个基本的<meta name="viewport" content="width=device-width, initial-scale=1 .0">都没有添加。
想一想,这是告诉浏览器的最基本的指令:“请在手机屏幕上正常显示”。
这是一个不理解结构标签的典型例子。
仅仅知道堆
<body> 是不够的。
您需要了解这些标签的“规则”。

文本标签也很容易陷入麻烦。
有一次我看到一个带有粗体标题的页面,但搜索引擎根本不认为它是优先事项。
在当今的HTML中,必须使用语义标签来强调,例如:B.将

分类,而才是实际的语义强调(虽然浏览器默认为粗体和斜体,但默认用法是语义优先)。
如果你坚持在整个 段落下划线,会显得不专业。
应该使用链接。
下划线是默认效果。
您不必自己添加。

image 标签的 alt 属性也经常被忽略。
上次我跟一个老设计师提过这个,他愣了一下说:“反正图片都这么清晰了,谁还需要看alt文字呢?”我正面攻击他:如果有人打开小窗口或者使用读屏软件怎么办?这是可访问性的基本要求。
如果您不添加,您将撤销某些用户的使用权限。
此外,Alt还可以提高SEO。
这意味着搜索引擎爬虫无法理解图像内容。

<form>表单标签可能是很多人最烦恼的问题。
尤其是<input type="radio">和<input type="checkbox">,很多人对于如何组建团队感到困惑。
你需要明白,name属性必须用于单选,并且值必须相同。
然后浏览器将为您选择唯一的一个。
这些复选框具有相同的名称但不同的值,允许多重选择。
上次提交的表单有一堆乱码。
经过检查,原来所有的name值都提交了相同的值,服务器立刻就混乱了。

说真的,这些标签并没有死,你必须学习和使用它们。
例如,
在块级和内联之间有很大不同。
所以不要盲目使用它们,以免造成麻烦。
我实际上并没有太多使用
 标签,但它很有价值。
例如,在显示代码块时,保持格式尤为重要。

水平线现在用得少了,主要用CSS来分隔。

无论如何,当你学习HTML时,你不能只阅读表面含义,你还需要了解每个标签背后的逻辑和最佳实践。
例如标签中,除了href之外,title属性也很重要,可以为用户提供更多的上下文信息。
相关文章
怎样链接css样式
2026-04-28 22:16:32 浏览:1
html下划线怎么去
2026-04-12 21:08:16 浏览:2
html字体样式代码大全
2026-03-19 05:39:07 浏览:5