必须带属性才合法的html标签包括：需lang（可访问性强制）、需charset或name/http-equiv、需src和alt、需href；不允许任何属性，旧属性如bgcolor已废弃。

哪些 HTML 标签必须带属性才合法

不是所有标签都强制要求属性，但 、<meta>、<img>、<a></a> 这几类在实际使用中几乎离不开属性，否则语义缺失或功能失效。

比如 不写 lang 属性，屏幕阅读器无法正确播报语言；<meta charset="UTF-8"> 缺失会导致中文乱码；<img src=""> 没有 src 就不加载图片；<a href=""></a> 没有 href 就不是有效链接。

• lang 是 的推荐（实际为 WCAG 可访问性强制）属性，值如 "zh-CN" 或 "en"
• charset 必须出现在第一个 <meta> 中，且只能用 UTF-8（其他值如 GBK 已被现代浏览器忽略）
• src 和 alt 是 <img> 的关键属性：alt 不仅影响 SEO，更是无障碍必需项
• href 是 <a></a> 的核心属性；target="_blank" 需配合 rel="noopener" 防 XSS

body 标签上还能用 bgcolor/text 这类旧属性吗

不能。HTML5 已废弃 bgcolor、text、link、vlink、alink 等 的呈现属性，浏览器虽可能兼容渲染，但校验失败，且会被 CSS 覆盖。

这些属性在 HTML 4.01 Transitional 中尚存，在 Strict 和 HTML5 中完全移除。现代写法必须用 CSS：

• 背景色：用 style="background-color: #fff;" 或外联样式表中的 body { background-color: #fff; }
• 文字颜色：同理，用 color 而非 text
• 链接颜色：通过 a:link、a:visited、a:hover 等伪类控制

title 标签有没有属性？能加 class 吗

<title></title> 标签只允许文本内容，**不允许任何属性**，包括 class、id、lang —— 这是 HTML5 规范明确禁止的。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

它的作用纯粹是向浏览器标题栏和搜索引擎暴露页面标题，不参与 DOM 渲染或样式控制。试图写成 <title class="foo">首页</title> 会导致 HTML 验证失败，且多数工具（如 Lighthouse）会报错。

如果需要动态修改标题，只能用 JavaScript 操作 document.title，而非操作标签本身。

head 里 meta 标签的 name 和 http-equiv 有什么区别

二者语义不同，触发机制也不同：

• name 用于描述页面元信息，供爬虫或第三方服务读取，例如 <meta name="description" content="...">、<meta name="viewport" content="...">
• http-equiv 模拟 HTTP 响应头行为，浏览器会按对应 header 处理，例如 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 等价于服务器返回 X-UA-Compatible: ie=edge
• 注意：http-equiv="refresh" 已被主流浏览器限制自动跳转（需用户交互才生效），http-equiv="content-type" 在 HTML5 中已被 <meta charset> 取代

混淆两者会导致 meta 不生效，比如把 viewport 写成 http-equiv="viewport" 就完全无效。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！