首頁 > web前端 > html教學 > HTML教學:title屬性與alt屬性_HTML/Xhtml_網頁製作

HTML教學:title屬性與alt屬性_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:43:28
原創
1579 人瀏覽過

XHTML是CSS佈局的基礎,jb51.net一直強調XHTML知識的學習,重視語意和文件的結構。 title 和alt 屬性,給我最直觀的感受就是,可以提高文件的適應性,並合理地提高關鍵字密度。在XHTML標準裡,圖片的alt 屬性是必須的。
  XHTML是CSS版面的基礎,jb51.net一直強調XHTML知識的學習,重視語意和文件的結構。 title 和alt 屬性,給我最直觀的感受就是,可以提高文件的適應性,並合理地提高關鍵字密度。在XHTML標準裡,圖片的alt 屬性是必須的。
alt屬性
  為不能顯示影像、表單或applets的使用者代理程式(UA),alt屬性用來指定替換文字。替換文字的語言由lang屬性指定。 Alt屬性(注意是“屬性”而不是“標籤”)包括替換說明,對於圖像和圖像熱點是必須的。它只能用在img、area和input元素中(包括applet元素)。對於input元素,alt屬性意在用來替換提交按鈕的圖片。
  例如:使用alt屬性是為了給那些不能看到你文件中圖像的瀏覽者提供文字說明。這包括那些使用本來就不支援圖像顯示或圖像顯示被關閉的瀏覽器的用戶,視覺障礙的用戶和使用螢幕閱讀器的用戶。替換文字是用來替代圖像而不是提供額外說明文字的。
  在寫替換文字前仔細想想,保證那些文字確實為那些看不到圖像的人提供了說明信息,並且在上下文中有意義。對於那些裝飾性的圖片可以使用空的值(alt="",引號中間沒有空格),而不是使用不相關的替換文字例如“blue bullet”或“spacer.gif”。不要忽略它,如果你忽略了,那麼一些螢幕閱讀器會直接閱讀圖像檔案的檔案名,那些文字瀏覽器,例如Lynx會顯示圖像檔案的檔案名,而那對於你的瀏覽者就沒什麼用了。
  包含文字的圖像圖片設定替換文字是最簡單的,圖像中包含的文字一般來說就可以作為alt屬性值。
title屬性
  title屬性為設定該屬性的元素提供建議性的資訊。
  title屬性可以用在除了base,basefont,head,html,meta,param,script和title以外的所有標籤。但是並不是必須的。可能這正是為什麼很多人不明白何時使用它。
  使用title屬性提供非本質的額外資訊。大部分的視覺化瀏覽器在滑鼠懸浮在特定元素上時顯示title文字為提示訊息(tool tip),然而這又由製造商來決定如何渲染title文字。有些瀏覽器會將title文字顯示在狀態列裡。例如早期版本的Safari瀏覽器。
  title屬性有一個很好的用途,即為連結添加描述性文字,特別是當連接本身並不是十分清楚的表達了連結的目的。這樣就使得訪客知道那些連結將會帶他們到什麼地方,他們就不會載入一個可能完全不感興趣的頁面。另外一個潛在的應用就是為圖像提供額外的說明訊息,例如日期或其他非本質的資訊。
  title屬性值可以比alt屬性值設定的更長。不過要注意的是,有些瀏覽器會截斷過長的文字(例如工具提示或其他)。例如Mozilla核心的瀏覽器只能顯示最先的60個字元。這被認為是一個Mozilla bug,這是你要注意的。
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板