html規定關於元素的額外資訊的屬性title-html教學-PHP中文網

首頁

web前端

html教學

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

黄舟

Nov 03, 2017 pm 01:50 PM

html 元素

實例

在 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 建議標準中是否定義了該屬性。

IE	Firefox	Opera	Safari	W3C
#YES	YES	YES	YES	YES

##語法

<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中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn