html - HTML5 文本样式的良好实践

Question

我正在创建一个混合了不同类型文本的网页——粗体、带下划线、小号、左对齐、居中对齐、右对齐等，并试图从HTML，我正在尝试取消 <b>和 <u>标签。结果是定义类(例如“粗体”、“下划线”、“小”等)并使用 CSS 提供样式。然而，这使得 HTML 更加冗长，其中包含类似 class="rightAlign small bold underline" 的 div 和 span。 .有更好的方法吗？

谢谢!

Answer 1

您有点错过了 CSS 的重点。

您想将标记与样式分开，而不是将两者结合起来。

如何<div class="bold">比<div style="font-weight: bold;">更好？

也许打字少了点，但效果是一样的。如果您以后想要更改布局，那么您就需要去修改 CSS 和标记。

最好对属性进行分组。

例如，而不是有

<div class="rightAlign small bold underline">

有

<div class="title">

.title {
   text-align: right;
   font-weight: bold;
   text-decoration: underline;
   font-size: small;
 }

这样你就可以改变title稍后，如果您愿意，无需浏览您的页面并修改标记。