3.16　为元素添加title属性

可以使用title属性（不要与title元素混淆）为网站上任何部分加上提示标签，参见图3.16.1和图3.16.2。不过，它们并不只是提示标签。屏幕阅读器可以为用户朗读title文本，因此使用title可以提升可访问性。

  1. ...
  2. <body>
  3.     <header role="banner">
  4.        <nav role="navigation">
  5.           <ul id="toc" title="Table of Contents">
  6.              <li><a href="#gaudi" title= "Learn about Antoni Gaudí">Barcelona's Architect</a></li>
  7.              <li><a href="#sagrada-familia" lang="es">La Sagrada Família </a></li>
  8.              <li><a href="#park-guell">Park Guell</a></li>
  9.           </ul>
  10.        </nav>
  11.     </header>
  12.  
  13.     ...
  14. </body>
  15. </html>

图3.16.1　可以为任何元素添加title，不过用的最多的是链接

3.16　为元素添加title属性 - 图1

图3.16.2　当访问者将鼠标指向加了标签的元素时，就会显示title。如果指向Barcelona's Architect链接，会看到Learn about Antoni Gaudí，因为该链接有它自身的title属性

在网页中为元素添加标签

在要添加title标签的HTML元素中，输入title="label"，其中label是访问者将鼠标移到这个元素上时希望出现在提示框里的文本，或者希望由屏幕阅读器朗读的文本。

提示　旧版本的Internet Explorer（IE7及之前的版本）还会将img元素（参见第5章）的alt属性作为提示框的文本。不过，如果img元素同时出现title和alt属性，则提示框会采用title属性的内容，而不是alt属性的内容。