首頁 > web前端 > html教學 > html規定關於元素的額外資訊的屬性title

html規定關於元素的額外資訊的屬性title

黄舟
發布: 2017-11-03 13:50:52
原創
1982 人瀏覽過

實例

在 HTML 文件中使用 title 屬性

<abbr title="People&#39;s Republic of China">PRC</abbr> was founded in 1949.
<p title="Free Web tutorials">W3School.com.cn</p>
登入後複製

定義和用法

title 屬性規定關於元素的額外資訊。

這些資訊通常會在滑鼠移到元素上時顯示一段工具提示文字(tooltip text)。

提示:title 屬性常與 form 以及 a 元素一同使用,以提供輸入格式和連結目標的資訊。同時它也是 abbr 和 acronym 元素的必需屬性。

支援

W3C: "W3C" 欄位指示 W3C 的 HTML/XHTML 建議標準中是否定義了該屬性。

IEFirefoxOperaSafariW3C
#YESYESYESYESYES
##語法

<element title="value">
登入後複製

屬性值

值描述text規定元素的工具提示文字(tooltip text)
1,HTML的title屬性,當遊標移到該標籤時,訊息提示方塊內的內容

</body>  
<hr>  
<p title="HTML的标签真多啊!">属性选择器</p>  
</body>
登入後複製


設定標籤樣式時指定屬性css樣式

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
   <!--页面内容关键字-->  
   <meta name="keywords" content="页面内容关键字">  
  
    <title>css:是层叠样式表</title>  
    <!--外部样式-->  
    <link rel="stylesheet" type="text/css" href="css1.css">  
    <style type="text/css">  
        /*有tittle属性*/  
        [title] {  
            color: darkmagenta;  
        }  
  
        /*指定tittle属性值*/  
        [title=t] {  
            color: red;  
        }  
    </style>  
</head>  
<body>  
  
<hr>  
<p title="HTML的标签真多啊!">属性选择器</p>  
<hr>  
<p title="t">属性选择器指定属性值</p>  
</body>  
</html>
登入後複製

以上是html規定關於元素的額外資訊的屬性title的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板