html文本标签是内容分类工具,需先明确文字角色再选标签;标题用h1-h6表达层级而非调样式,p表示语义段落,br用于纯换行,strong/em承载语义强调。

什么时候该用 <h1></h1> 到 <h6></h6>?
只在表达内容层级时用,不是为了调字号大小。搜索引擎、屏幕阅读器都靠这个判断结构。
-
<h1></h1>全页唯一,代表页面主题(比如“用户注册页”);<h2></h2>是它的直接子模块(比如“填写基本信息”);<h3></h3>再往下拆分(比如“手机号验证”) - 如果只是想让某行字变大加粗,用 CSS 的
font-size和font-weight,别滥用<h2></h2> - 连续跳级(比如
<h2></h2>后直接写<h4></h4>)会破坏语义结构,部分无障碍工具可能跳过或误读
<p></p> 不是“换行符”,而是“段落容器”
新手常犯的错:把每行文字都包一层 <p></p>,以为这样能控制换行。其实 <p></p> 表示一个完整语义段落,浏览器默认会给它上下留白。
- 一段话含多个句子,才用一个
<p></p>;两段不相关的内容,才分两个<p></p> - 纯换行需求(比如地址分行、诗歌排版),用
<br>,它是自闭合标签,不带语义 - 如果发现段落间距太大/太小,别删
<p></p>或硬塞<br>,改 CSS 的margin
强调类标签:<strong></strong> 和 <em></em> 不能互换
它们不只是视觉加粗/斜体,还带语义权重。搜索引擎和读屏软件会据此调整朗读语气或权重。
-
<strong></strong>= 强烈重要性(比如“密码必须包含大小写字母”) -
<em></em>= 语气强调(比如“你真的确定要删除?”中的“真的”) - 单纯为样式加粗,用
<span></span>+ CSS;不要用<b></b>或<i></i>,它们在 HTML5 中已降级为纯表现标签
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











