html5中關於標籤的詳解
- 黄舟原創
- 2017-07-17 13:32:482913瀏覽
今天學了HTML5的ruby標籤，覺得挺有趣的，來記錄一下。
ruby可以作註解標籤，內部有rp和rt標籤。
ec41f2147470148e85ad0337a362103e 標記定義註解或音標。
515718f19dfe6612658be14be18aa0ec 告訴那些不支援ruby元素的瀏覽器該如何顯示。
7240f116d85a7ee375466871bc33670a 標記定義對ruby註釋的內容文字。
學完這個標籤的第一個反應就是，我有方法給那些不會讀的日文單字做假名註解啦！ ！ ！
程式碼如下，來給一句日文做個小註解：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ruby注释标签</title>
<style>
p {
text-align: center;
}
</style>
</head>
<body>
<p>
<ruby>月明<rp>(</rp><rt>つきあ</rt><rp>)</rp></ruby>かり昇る頃</p>
<p>灯る <ruby>赤提灯 <rp>(</rp><rt>あかちょうちん</rt><rp>)</rp></ruby></p></body></html>效果如下：
火狐Google：
還有一些瀏覽器不能支援ec41f2147470148e85ad0337a362103e標籤，這個時候515718f19dfe6612658be14be18aa0ec標籤就顯得尤其重要，515718f19dfe6612658be14be18aa0ec我理解為「人品」的意思。人品好的瀏覽器就以在上面註釋的形式顯示出來，就如上圖，而人品不好的就需要515718f19dfe6612658be14be18aa0ec標籤來補充註釋。
515718f19dfe6612658be14be18aa0ec裡面的文字會在瀏覽器相容的時候不顯示出來，只有7240f116d85a7ee375466871bc33670a裡面的文字以在上面註解的方式出現。而不相容的情況，7240f116d85a7ee375466871bc33670a裡面註解的文字會在後面顯示，就如下圖，這個時候515718f19dfe6612658be14be18aa0ec裡麵包裹的內容就可以顯示出來。
以上是html5中關於標籤的詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
標籤與下一篇：html中標籤的區別
標籤與標籤的區別