html标签是用尖括号括起的结构标记，如和，用于定义内容角色而非逻辑；为块级元素、独占一行，为行内元素、不换行；自闭合标签如不包裹内容；语义化优先选而非。
HTML 标签不是编程语言里的函数或变量，而是一对用尖括号括起来的关键词，比如 <p></p> 和
它本质是结构标记，不负责逻辑，只定义内容角色。
<div> 和 <code><span></span> 的区别在哪<div> 是块级元素，默认独占一行，适合组织大块内容区域（如页眉、侧边栏）<li>
<code><span></span> 是行内元素，不会换行，适合修饰局部文字（比如给某几个字加颜色）常见错误：用 <div> 包单个词，或用 <code><span></span> 套整个段落
这会导致语义混乱，影响可访问性（读屏软件难识别），也增加 CSS 选择难度
为什么有些标签没闭合（比如 <br>）
这类叫自闭合标签（或空元素），它们本身不包裹内容，只起独立作用：
-
<br> 换行
-
<img> 插入图片
-
<input> 渲染输入框
HTML5 中写成 <br> 或 <br> 都合法，但统一用 <br> 更简洁；别写成 <br> —— 浏览器会忽略 ，还可能触发解析异常
<strong></strong> 和 <b></b> 看起来一样，该用哪个
-
<strong></strong> 表示内容有强重要性，语义明确，利于 SEO 和无障碍访问
-
<b></b> 只是视觉加粗，无语义，仅当纯样式需求且无法用 CSS 实现时才考虑
实际项目中，优先选 <strong></strong>；如果只是想让某个词“看起来重”，应改用 CSS 的 font-weight，而不是依赖标签
HTML 标签的真正复杂点不在语法，而在什么时候该用哪个标签。语义准确比“能显示出来”更重要——尤其当页面要被搜索引擎抓取、被屏幕阅读器朗读、或多年后由别人维护时。
<div> 是块级元素，默认独占一行，适合组织大块内容区域（如页眉、侧边栏）<li>
<code><span></span> 是行内元素，不会换行，适合修饰局部文字（比如给某几个字加颜色）常见错误：用 <div> 包单个词，或用 <code><span></span> 套整个段落
这会导致语义混乱，影响可访问性（读屏软件难识别），也增加 CSS 选择难度
为什么有些标签没闭合（比如 <br>）
这类叫自闭合标签（或空元素），它们本身不包裹内容，只起独立作用：
-
<br>换行 -
<img>插入图片 -
<input>渲染输入框
HTML5 中写成 <br> 或 <br> 都合法，但统一用 <br> 更简洁；别写成 <br> —— 浏览器会忽略 ，还可能触发解析异常
<strong></strong> 和 <b></b> 看起来一样，该用哪个
-
<strong></strong>表示内容有强重要性，语义明确，利于 SEO 和无障碍访问 -
<b></b>只是视觉加粗，无语义，仅当纯样式需求且无法用 CSS 实现时才考虑
实际项目中，优先选 <strong></strong>；如果只是想让某个词“看起来重”，应改用 CSS 的 font-weight，而不是依赖标签
HTML 标签的真正复杂点不在语法，而在什么时候该用哪个标签。语义准确比“能显示出来”更重要——尤其当页面要被搜索引擎抓取、被屏幕阅读器朗读、或多年后由别人维护时。
