HTML5 - 我可以在IMG中使用寬度和高度嗎？

它是合法使用此代碼：HTML5 - 我可以在IMG中使用寬度和高度嗎？

<img src="...(here image)...." width="50px" height="50px" />

或者我需要使用：

<img src="...(here image)..." style="width: 50px; height: 50px;" />

來源

2011-07-22 Daniel

第一次使用建議作爲瀏覽器渲染的提示，第二次使用。

在第一種形式中，您不能添加'px'。

http://www.w3.org/TR/html5/embedded-content-0.html#dimension-attributes

來源

2011-07-22 01:49:38 TuteC

非常感謝:) – Daniel

斷開的鏈接:-( –

更新，感謝提示 – TuteC

風格=方式首選...其實它會如果你感動的是造型更加美好輸出到您的標題中的css文件或樣式標記。

來源

2011-07-22 01:49:10 ar3

我不同意，並會說在大多數情況下，寬度和高度屬性是首選（雖然這取決於您的使用）。 W和H屬性很容易被外部文件中的css覆蓋，其中內聯樣式只能用！重要值覆蓋。這些屬性爲您提供了更多的靈活性。 – RobW

我認爲，將內聯樣式放入任何形狀或形式並不是首選......期間。不管css對這些風格的影響如何。內聯風格幾乎總是===糟糕的做法。您在解釋W和H屬性如何被css屬性覆蓋的時候爲這個參數提供瞭解釋......這打破了級聯樣式表級聯部分背後的基本概念。如果你注入一個內聯樣式，其實際上在級聯樹上的行爲更像高階，那麼你將不可避免地利用瀏覽器特有的和脆弱的策略。 – ar3

根據HTML 5規範：

的寬度和高度上IMG ...屬性可被指定給所述元素的可視內容的尺寸

來源：http://www.w3.org/TR/2011/WD-html5-20110113/the-map-element.html#dimension-attributes

也根據H TML 5規範中，所有元素都可能具有樣式屬性。來源：http://www.w3.org/TR/html5/elements.html#the-style-attribute

因此，既然都是允許的，你可以自由選擇哪一個適合你的想象。

來源

2011-07-22 02:01:23 erisco

@erisco，所以哪個是首選？ – Pacerier

應用於'img'的CSS將覆蓋圖像標籤上的基本html寬度&高度屬性。

<style> 
    img { 
     width: 100%; 
     height: auto; 
    } 
</style> 

<img src="assets/img/logo.png" width="500" height="100">

上面的代碼將導致跨越其容器的整個寬度延伸的圖像中，和它的高度將是關係到它的寬度。

如果您從起點加載適合視網膜的圖形，此方法很有用。

來源

2013-03-11 19:34:14

前面已經提到：

CSS覆寫情況下都存在<img> attrinutes，
<img> attrinutes是暗示的瀏覽器。

另一個區別是使用單位：

在HTML5width的和height屬性應該是沒有單位的整數，被解釋爲CSS像素。在實踐中brouwsers容忍%（這是在HTML4有效），但如果你把類似width="5cm"的東西，它將被解釋爲width="5"（即5px）。
當您使用CSS時，允許使用任何長度單位和非整數，例如width: 5.5cm即可。你應該使用單位（例如width: 5不是有效的CSS寬度）。

所以，國際海事組織，如果可能的話，你應該使用CSS。

來源

2016-03-20 10:32:27 Kpym

HTML5 - 我可以在IMG中使用寬度和高度嗎？

回答

相關問題