中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

技巧延伸

在這個單元內,我們會看看更多錨點相關的東西,特別是使用了title屬性的好處,以及利用CSS為錨點加上樣式的方法.

title屬性

先前我們明確的討論怎么為頁面段落指定錨點,現(xiàn)在讓我們看看一般的錨點連接,也就是指向其他頁面的鏈接.

為錨點連接加上title屬性能為使用者提供更豐富,更確切的連接目的說明,這屬于易用性功能之一.加上這項資訊能讓使用者更清楚他們即將前往何處,讓他們不必單純以鏈接文字,圖片當作判斷基礎.

使用者如何應用這項資訊?我們很快就會看到.

標題示例

讓我們看看title屬性的應用示例,我們能這樣標注普通鏈接:

I just read <a href=http://www.downwithwallpaper.com/tips.html title="How to Take Down Wallpaper">a great article</a> that gave me a few home improvement tips.

這個例子的文字故意寫的有些模糊,而title屬性正好能在這種情況下提供鏈接的額外信息,在這個例子里,是連接到的文章的標題.另一個使用title屬性常見的方法,是單純使用連接對象的title內容(通常這會顯示在瀏覽器的標題列),當然這個方法只能在標題列內容具有意義的時候使用,最好同時包含網(wǎng)站的標題以及文章的標題.

舉例來說,讓我們假設前一個例子中,連接對象的標題列內容是"DownWithWallpaper.com | How to Take Down Wallpaper".除非你只鏈接這個網(wǎng)站的這篇文章,不然你就能把它用在title屬性里,像這樣:

I just read <a href=http://www.downwithwallpaper.com/tips.html title="DownWithWallpaper.com | How to Take Down Wallpaper">a great article</a> that gave me a few home improvement tips.

現(xiàn)在我們把連接對象描述的更加詳細了,但是使用者要怎么取用title屬性里的信息呢?

工具提示title

大多數(shù)現(xiàn)代瀏覽器都支持將title屬性轉成"工具提示",當鼠標滑過鏈接時跳出的彩色小框,視覺上,這能讓使用者在點擊鏈接前就能得到這些額外的信息,讓使用者知道即將前往那里是個顯而易見的好處.

圖7-2是這個示例在瀏覽器中的顯示效果,鼠標放在鏈接上以顯示工具提示.

圖7-2,示例效果,鼠標放在鏈接上以顯示title內容.

標題會被念出來

加上title屬性的另一個好處,就是屏幕閱讀器會讓它與文字內容一并念出來,視力不好的使用者與視力正常的人一樣能更了解你想帶他們前往的地方,而這當然是好事.

出處：藍色理想
責任編輯：bluehearts

上一頁 標記語言——錨點 [2] 下一頁 標記語言——錨點 [4]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。