align和bgcolor属性在html5中已被彻底移除，不能用——浏览器仅靠容错偶然渲染，w3c验证器报错，且违反语义与样式分离原则；必须改用css的text-align和background-color替代。
align 属性在现代 HTML 中已废弃，直接用 CSS 控制对齐更可靠；bgcolor 同样不推荐，应改用 background-color 样式。
为什么 align 和 bgcolor 不能随便用
这两个属性在 HTML5 中已被移除标准支持，浏览器虽可能兼容旧写法，但会触发验证警告，且在严格模式或某些框架（如 React 渲染服务端）中可能被忽略或过滤。更重要的是，它们违反语义与样式分离原则——标题居中是视觉表现，不是标题本身的含义。
常见错误现象：
- 写
<h2 align="center">标题</h2>，本地预览正常，但上线后居中失效 - 用
<p bgcolor="#eee">段落</p>，结果背景色完全不出现，检查控制台发现属性被静默丢弃
style 替代方案怎么写才稳妥
所有文本标签（<h1></h1>～<h6></h6>、<p></p>、<div> 等）都可通过 <code>style 内联样式快速生效，无需额外 CSS 文件。
常用组合示例：
- 居中标题：
<h3 style="text-align: center;">三级标题</h3> - 段落背景+内边距：
<p style="background-color: #f9f9f9; padding: 12px; margin: 8px 0;">带灰底的段落</p> - 右对齐强调文字：
<strong style="text-align: right; display: block;">重要说明</strong>（注意加display: block才能让text-align生效）
哪些标签还保留着“自带样式”的隐含行为
即使不用任何属性，部分标签仍会呈现默认格式，这是浏览器 UA 样式表决定的，不是 HTML 标准强制要求：
-
<h1></h1>～<h6></h6>：默认加粗 + 自带上下外边距 + 字号递减 -
<p></p>：默认有上下外边距，但无左右缩进 -
<strong></strong>和<b></b>：都渲染为加粗，但<strong></strong>表达语义重要性，<b></b>仅是视觉加粗（比如产品名） -
<hr>：默认为浅灰水平线，实际是border-top: 1px solid #ccc的表现
这些默认样式容易被忽略，导致“没写样式却有间距/加粗”，调试时建议先查开发者工具的 Computed 面板，而不是直接补 style 覆盖。
练习时最容易漏掉的细节
新手常以为只要标签写对就完事，但以下三点直接影响可访问性和维护性：
-
alt不是文本标签专属，但所有含信息的图像必须配<img alt="描述文字">，否则屏幕阅读器无法传达内容 -
<mark></mark>和<small></small>有明确语义：<mark></mark>表示高亮引用内容（如搜索关键词），<small></small>表示附属细则（如版权、免责声明），别只当“变黄”或“变小”来用 - 换行用
<br>是单标签，但仅适用于诗歌、地址等需强制折行的场景；段落之间请用<p></p>，不要靠多个<br>拼凑空白
真正难的不是写出能显示的 HTML，而是让结构在无样式、语音、打印、窄屏下依然清晰可读——那才是文本标签该承担的责任。
