所以我想知道什么是更好用 - HTML标签或CSS属性?
我们在各种情况下都有相同目的的HTML标记和CSS属性,例如<img>
标记可以使用width
和height
html值来分配它们,或者可以使用{{出于同样目的的1}}属性。
然后,为了使一些文本或其他内容居中,可以使用css
或css属性<center>Some text here</center>
要使某些文本为斜体,可以使用text-align:center;
或<i>
html标记或使用等效的css属性。 (虽然<em>
在HTML5中有不同的含义,但仍然使用它。)
有许多类似的案例。那么,什么更容易接受并且更好用?
答案 0 :(得分:4)
如果是演示文稿 - 请使用CSS。如果它的结构/语义 - 使用HTML。
要采用斜体示例,有很多理由希望以斜体显示文本。让原因定义您使用的标记(可以是<em>
,<cite>
,<dfn>
或许多其他元素),然后根据需要添加CSS以获得所需的演示文稿(使用常用浏览器)您使用的元素的默认样式)。
答案 1 :(得分:1)
在HTML5这个时代,我会选择不使用were already marked deprecated for its predecessors HTML 4.01 and XHTML的任何HTML属性,例如width
,border
,height
等。
对于布局,使用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结构,因此没有固定的规则应该如何遵循。所以我建议集中一个因素,那就是可管理性。选择您可以轻松管理和维护的选项。