语义优先选 ,纯样式需求可用 ; 表示重要性(屏幕阅读器加重), 仅视觉加粗;现代 HTML5 推荐 ,注意避免嵌套、块级误用和滥用样式。

用 还是 给文字加粗?
语义优先选 ,纯样式需求可用 。浏览器默认都渲染为加粗,但 表示内容重要性(屏幕阅读器会加重语气), 仅表示视觉加粗(比如关键词、产品名等无语义强调的场景)。现代 HTML5 推荐优先用 。
的基本写法和常见错误
直接包裹文字即可,不需额外属性:
这是一个重要提醒,请勿忽略。
容易踩的坑:
立即学习“前端免费学习笔记(深入)”;
本文档主要讲述的是Python开发网站指南;HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器 Python和其他程序语言一样,有自身的一套流程控制语句,而且这些语句的语法和其它程序语言类似,都有for, if ,while 类的关键字来表达程序流程。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看
- 嵌套错误:比如
重复嵌套—— 不报错但冗余,语义不叠加 - 块级误用:把
当容器放或段落 —— 它是行内元素,不能包含块级标签- 滥用样式:以为加了
就能控制粗细程度(如“更粗一点”)—— 实际粗细由字体本身决定,CSS 的font-weight才管这个需要动态加粗?别用
拼字符串如果是在 JavaScript 中生成加粗文本,避免拼接 HTML 字符串引入 XSS 风险:
// ❌ 危险:用户输入未转义 element.innerHTML = '' + userInput + ''; // ✅ 安全:用 textContent + 元素插入 const strong = document.createElement('strong'); strong.textContent = userInput; element.appendChild(strong);另外注意:若后端返回已含
的 HTML 字符串,前端用innerHTML渲染时需确保内容可信;否则应先做 HTML 转义或使用 DOMPurify 等库过滤。CSS 的
font-weight和 HTML 加粗的关系HTML 标签加粗本质是触发浏览器默认样式中
font-weight: bold。但如果你自定义了字体,而该字体没有 bold 变体,加粗可能无效或降级为伪粗体(看起来糊)。这时要检查:- 字体是否加载了
font-weight: 700对应的文件(如font-face中声明了weight: 700) - 是否被其他 CSS 覆盖,比如写了
strong { font-weight: normal; } -
在某些旧版邮箱客户端中可能不生效,发邮件时更倾向用或内联style="font-weight:bold"
真正影响“是否加粗”的,是最终计算出的
font-weight值,而不是用了哪个标签 —— 这点在调试时容易被忽略。 - 滥用样式:以为加了









