HTML标记或CSS属性

时间:2013-05-15 16:38:03

标签: html css

所以我想知道什么是更好用 - HTML标签或CSS属性?

我们在各种情况下都有相同目的的HTML标记和CSS属性,例如<img>标记可以使用widthheight html值来分配它们,或者可以使用{{出于同样目的的1}}属性。

然后,为了使一些文本或其他内容居中,可以使用css或css属性<center>Some text here</center>

要使某些文本为斜体,可以使用text-align:center;<i> html标记或使用等效的css属性。 (虽然<em>在HTML5中有不同的含义,但仍然使用它。)

有许多类似的案例。那么,什么更容易接受并且更好用?

5 个答案:

答案 0 :(得分:4)

如果是演示文稿 - 请使用CSS。如果它的结构/语义 - 使用HTML。

要采用斜体示例,有很多理由希望以斜体显示文本。让原因定义您使用的标记(可以是<em><cite><dfn>或许多其他元素),然后根据需要添加CSS以获得所需的演示文稿(使用常用浏览器)您使用的元素的默认样式)。

答案 1 :(得分:1)

在HTML5这个时代,我会选择不使用were already marked deprecated for its predecessors HTML 4.01 and XHTML的任何HTML属性,例如widthborderheight等。

对于布局,使用CSS,语义,使用HTML。 border属性现在没有任何其他用途,只能使旧的IE5.5网站仍能正常工作。

至于关于<i><b>的问题,我建议您阅读为什么,您应该只编写语义HTML,for example here。< / p>

关于为什么HTML不适用于布局/演示文稿的更一般性阅读可以even be found on Wikipedia

答案 2 :(得分:1)

在没有更一般原则的情况下给出一些具体答案:

HTML5表示不使用<centre>。它被标记为过时和不符合。这是full list of such features的链接。

对大多数内联斜体使用<i>。如果您不介意同时使用两者,请使用<em>,其中斜体表示强调:)。如果这看起来太费劲,只需使用<i>即可。大多数人这样做,并且(因此)在实践中你不太可能看到很多行为上的差异。使用内联斜体标记是很好的,因此如果CSS支持中断,它会优雅地降级 - 这可能比您想象的更常见,例如:从某些浏览器复制+粘贴时。

最明显的例外是,如果您的设计使用斜体字体作为标题。对于这种情况,你应该使用CSS。

<img width>可能会受到争论......但一般来说,设计中的大部分布局都应该在CSS中。所以你想把图像的宽度放在CSS而不是HTML中,以保持这些布局细节。

答案 3 :(得分:0)

CSS的好处是你可以使用你希望具有相同行为的各种元素。

例如,如果您突然希望图像的宽度和高度增加10倍,那么在CSS中您只能在一个地方更改这些值,而在HTML中,您必须通过所有代码更改值! :)

答案 4 :(得分:0)

在我看来,这个话题值得商榷。 HTML标记及其属性背后有语义含义,因为CSS完全专注于布局和样式。 HTML5添加了一个新的品牌语义标签。

<strong>这样的标签比font-weight:bold具有更多意义。 css属性仅使文本显示为粗体,但HTML标记<strong>增强了内容(您可以通过文本阅读器查看差异)。

然而,新一代网络更侧重于样式而不是HTML结构,因此没有固定的规则应该如何遵循。所以我建议集中一个因素,那就是可管理性。选择您可以轻松管理和维护的选项。