HTML内联样式与样式属性(更好)

时间:2018-12-12 07:06:50

标签: html attributes inline-styles

我遇到了一个简单的问题,但找不到答案。问题是,当我要使用内联样式时,例如HTML中某个元素的宽度和高度,是否最好通过width属性或内联样式宽度来做到这一点?

<div style="width:${widthx}; height:${heightx};"></div>

VS。

<div width="${widthx}" height="${heightx}"></div>

其中之一被SEO解决方案弃用还是更好?

3 个答案:

答案 0 :(得分:1)

大小与样式有关,因此您应该使用CSS,但是您需要添加px来定义高度和宽度的单位。

MDN关于高度属性说:

  

注意:在某些情况下,例如<div>,这是一个传统属性,在这种情况下,应改用CSS height属性。

答案 1 :(得分:1)

基于HTML Attributes的MDN链接,应将style用作<div>(或不是<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>的元素)的属性。

从链接的MDN文章中:

  

注意:对于所有其他实例,例如<div>,这是一个传统属性,在这种情况下,应改用CSS width属性。

答案 2 :(得分:1)

以及其他人的暗示。使用style更合适,因为width属性仅存在于特定元素上。

https://www.w3schools.com/tags/att_width.asp