正确使用CSS属性的语义用法

时间:2012-08-01 16:15:25

标签: html css html5 css3 semantic-markup

由于建议不要将table元素用于布局(非表格数据),因为应用于这些元素may change in the future的特殊格式,也不建议使用CSS属性,例如作为text-align,设计用于文本,img元素用于相同的语义原因?

我一直在查看w3c规范,例如,line-height似乎是为文本目的设计的,并且在文档中有很多参考字体大小,因此使用此属性是否适当或滥用在img元素上,只是因为它们显示为inline

我可以理解Semantic Web的W3C概念如何使用CSS从页面中删除样式信息,将数据专门留在HTML中以获取内容可访问性。但是 CSS 的原始基本原理文档在哪里,为什么它们不会使用来自get {的horizontal-align等非常抽象的属性,而不是每种显示类型的唯一对齐(例如{{ 1}}可用于所有text-align: center元素,例如display: inline元素)?

2 个答案:

答案 0 :(得分:3)

没有。 CSS纯粹是表现性的。一些属性名称很差(text-align是一个主要的例子,设计以对齐所有内联子项)。

答案 1 :(得分:0)

在表格单元格中使用text-align完全没问题,只需按照您应该的样式设置表格。如果你想。只是在CSS中做到这一点。请勿使用align="right"

https://developer.mozilla.org/en/CSS/text-align 它适用于:块级元素,表格单元格和内联块。因此,它是一种记录和预期的用途。如果您有内联内容,请使用此属性设置其对齐方式。

http://www.w3.org/TR/CSS21/text.html#propdef-text-align还说明

  

此属性描述块容器的内联级内容是如何对齐的。

所以它不仅仅是文本,而是所有内联内容。