DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML教程:title屬性與alt屬性
HTML教程:title屬性與alt屬性
編輯:HTML和Xhtml     

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,這是你要注意的。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved