html文本标签分双标签(如)和单标签(如),双标签须成对出现,单标签不可自闭合;属性仅id、class、style安全可用;/表语义强调,/仅视觉突出;、、等有特定语义场景,需严格遵循。

文本标签怎么写双标签和单标签
HTML 文本标签大部分是双标签,比如 <p></p>、<h1></h1>、<strong></strong>,必须有开始和结束;少数是单标签(也叫空标签),比如 <br>、<hr>,不包裹内容,也不需要闭合。
写错形式是初学者最常踩的坑:把 <p></p> 写成 <p></p>(XHTML 风格),或漏掉
-
<p>这是段落</p>✅ 正确双标签 -
<br>或<br>✅ 两种单标签写法都可(HTML5 推荐省略斜杠) -
<p></p>内容❌ 混搭写法,<p></p>不支持自闭合
常用文本标签的属性哪些还能用
早期 HTML 支持很多内联样式属性,比如 align、color、size,但现在基本被废弃了。W3C 明确要求用 CSS 控制表现,这些属性在现代浏览器中虽可能仍生效,但属于“不推荐使用”(deprecated),且在严格模式下可能被忽略。
目前真正还安全可用的通用属性只有三个:id、class、style。其中 style 是临时覆盖用的,别当主力;class 才是管理样式的正道。
-
<p align="center"></p>→ 应改用<p class="text-center"></p>+ CSS -
<h2 color="red"></h2>→ 无效,必须用style="color:red"或 class -
<strong id="warning" class="highlight"></strong>✅ 合法且推荐
<strong></strong> 和 <b></b>、<em></em> 和 <i></i> 到底怎么选
区别不在视觉效果(默认都加粗/斜体),而在语义。搜索引擎、读屏软件、代码审查工具全靠这个判断内容重要性。
<strong></strong> 表示内容有强重要性,比如错误提示、必填项说明;<b></b> 只是“想让它醒目”,没有强调含义,比如产品名、关键词高亮。同理,<em></em> 是强调语气(读的时候重音),<i></i> 是技术术语、外文、船名等特殊用法。
- 登录失败,请
<strong></strong>检查密码是否正确✅ 语义准确 - 这款手机搭载
<b></b>Helio G99芯片 ✅ 品牌型号无需强调,仅需突出 - 她反复说:“
<em></em>真的不是我删的” ✅ 体现说话语气 - 《
<i></i>The Great Gatsby》 ✅ 外文书名标准写法
<small></small>、<mark></mark>、<del></del> 这些小众标签的实际用途
它们不是“装饰性标签”,而是有明确语义场景的。滥用会导致无障碍体验下降,甚至影响 SEO 权重分配。
<small></small> 专用于附属信息:版权、免责声明、法律条款脚注;<mark></mark> 表示页面中与当前用户查询相关的内容高亮(比如搜索结果页的关键词);<del></del> 必须配合 <ins></ins> 使用,表示“被删除+被替换”的修订逻辑,不能单独标价签“原价¥199”。
- © 2026 公司版权所有
<small></small>保留所有权利✅ - 搜索“HTML 标签”,结果中匹配词用
<mark></mark>包住 ✅ -
<del></del>¥199<ins></ins>¥149✅ 修订语义完整 -
<del></del>¥199单独出现 ❌ 缺少上下文,语义断裂
最容易被忽略的是语义一致性——比如用 <b></b> 替代 <strong></strong> 看似省事,但一旦项目接入自动化可访问性检测(如 axe 或 Lighthouse),这类标签会直接报 warning。真要快速上线,宁可先写对语义,样式晚两分钟再调。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











