2012-08-27 213 views
3

這兩個標籤有什麼區別?似乎也是這樣做的。
<u>標籤和<ins>標籤之間有什麼區別?

<p>My favorite color is <ins>red</ins>!</p> 



<p>My favorite color is <u>red</u>!</p> 
+0

http://coding.smashingmagazine.com/2011/11/18/html5-semantics/ –

+0

''已棄用。 ''不是。 [種類](http://html5doctor.com/u-element/) –

回答

5

官方區別取決於您選擇認定爲官方的HTML規範或草案。

按照HTML 4.01規範,u表示下劃線的文本樣式,而ins表示其內容已被「插入」與文檔的不同版本相關(例如,立法者需要查看更改)。未指定ins的渲染;相反,描述了一些可能的渲染。實際上,瀏覽器大多使用下劃線。 u僅允許文本級內容,而ins也可能包含塊,也有正式的語法差異。

在HTML5草案中,ins基本上類似,但詞彙不同,並且有明確的建議或者(半)建議,默認呈現使用下劃線(請參見10.3.4 Phrasing content)。 u之前被排除在草稿之外,現在被添加,但是具有發明的含義:「u元素表示一個文本的範圍,具有未明示但明確呈現的非文本註釋,例如將文本標記爲中文中的專有名稱文字(中文專有名稱標記),或者將文字標註爲拼寫錯誤。「如果這對你沒有意義,你不是唯一的一個。並且u已強調爲建議的或推薦的默認呈現。

實際上,效果大多相同,只是ins標籤被一些舊瀏覽器忽略。一些外來的瀏覽器可以使用不同的渲染。我還沒有看到有任何瀏覽器,搜索引擎或任何其他相關軟件的證據在兩者之間作出區分;他們的「語義差異」沒有實際影響。

但是,從某種意義上說,除了插入的文本之外,我不會使用ins,只是因爲某些未來的瀏覽器可能會以某種方式對待插入文本,但不會以其他方式處理。如果僅使用ins來強調:u是較短的標記並得到更廣泛的支持,所以沒有任何實際好處。再次,在網頁上除了鏈接之外應該在文字上加下劃線的情況很少見。

4

ins是一個語義標籤:它表示已經插入的元件(也參見del用於刪除的元素),而u給出發動機的指示來呈現元素作爲下劃線。

某些引擎可能決定將ins渲染爲u,但您可以使用「語義含義」決定使用其他方式(使用CSS)渲染它。說到CSS,它使<u>無用,只是使樣式維護更加困難,就像<b>,<center>等等。

至於其他版本的標籤,del,它沒有被廣泛使用,它不是很清楚爲什麼它應該是。

參考:

http://www.w3.org/TR/html-markup/ins.html

http://www.w3.org/TR/html-markup/del.html

http://www.w3.org/TR/html-markup/u.html

+0

因爲至少HTML4.0以上,不過,U在HTML5中已經過時了,因爲它沒有任何用處。 –

+0

@JonHanna謝謝。編輯 –

10

語義。 <ins>標記表示在第一次發佈後插入的內容。 <u>標籤僅用於下劃線,沒有意義。

參考:<ins><u>

1
  1. ins有一個意思:這個文本被插入在稍後的日期。
  2. u沒有意義,它只是告訴瀏覽器把它強調一下。 (雖然CSS可以覆蓋,就像任何其他元素一樣,這個元素自4.0以來毫無意義的原因之一)
  3. ins在4.0中引入,並且仍然是當前的。
  4. u與至少2.0引入(HTML1.0從來沒有真正停止工作正在進展中,從而2.0是第一個真正的標準),並用4.0
  5. u棄用是行內唯一的,所以<p><u>this is valid</u></p><u><p>this makes no sense</p></u>ins是可以同時嵌入和嵌入的少數幾個元素之一(更多內聯元素在5.0中被賦予這種狀態),因此<p><ins>this is valid</ins></p><ins><p>this is also valid</p></ins>
  6. ins 有一個可選的cite屬性,給出了文檔的URI(或文檔中的片段,可能與其所在的文檔相同)以解釋該更改,並且datetime給出了W3 date-time format中的更改日期。

因此:

  1. 如果下劃線是表明添加的東西,使用ins
  2. 如果您想要指示添加的內容,但不能用下劃線表示,請使用ins並使用CSS更改其顯示方式。
  3. 永遠不要使用u。 HTML的歷史是我們試圖喚醒的噩夢。
  4. 如果您想要強調其他原因的下劃線,請選擇最符合您意思的元素,如果您確實無法做得更好,請使用divspan,並使用CSS對其加下劃線。
+1

''在HTML5中並未過時。自2011年4月以來,它一直是一個符合要素。請參閱http://lists.w3.org/Archives/Public/public-html/2011Apr/0212。html – Alohci

+0

謝謝你@Alohci(就此而言,我認爲這是更好的決定,或者拿出b和我也是,或者讓你進入)。 –

相關問題