HTML5中文本样式的良好实践

Question

我正在创建一个网页,其中包含不同类型文本的混合 - 粗体,下划线,小,左对齐,居中对齐,右对齐等,并尝试从HTML中抽象样式,我我试图取消<b>和<u>标记.结果是定义类(例如"粗体","下划线","小"等)并使用CSS来提供样式.但是,这使得HTML更加冗长,div和span都有类似的东西class="rightAlign small bold underline".有一个更好的方法吗？

谢谢!

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稍后进行更改,而无需浏览您的页面并修改标记.