「ALT属性」修訂間的差異檢視原始碼討論檢視歷史
（创建页面，内容为“alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性，作用是当HTML元素本身的物件无法被渲染时，就显示alt（替…”） |
|||
| 行 1： | 行 1： | ||
| − | alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性，作用是当HTML元素本身的物件无法被渲染时，就显示alt（替换）文字作为一种补救措施 | + | {| class="wikitable" align="right" |
| − | + | |- | |
| − | + | | style="background: #FFB6C1" align= center| '''<big>ALT属性</big> ''' | |
| − | + | |- | |
| + | |[[File:U=3129831911,1759372861&fm=26&gp=0.jpg|缩略图|居中|[https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=ALT属性&step_word=&hs=0&pn=1&spn=0&di=47850&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3129831911%2C1759372861&os=41374304%2C3911524310&simid=0%2C0&adpicid=0&lpn=0&ln=503&fr=&fmq=1584157533433_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined©right=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fs1.sinaimg.cn%2Flarge%2F006zrY4ozy7b2r5O3q1b9&fromurl=ippr_z2C%24qAzdH3FAzdH3Fks52_z%26e3Bftgw_z%26e3Bv54_z%26e3BvgAzdH3FfAzdH3Fks52_8mm1kl0lba8adx9z5_z%26e3Bip4s&gsm=3&rpstart=0&rpnum=0&islist=&querylist=&force=undefined 原图链接][http://blog.sina.com.cn/s/blog_166db97980102x4zo.html 来自 新浪 的图片]]] | ||
| + | |- | ||
| + | | style="background: #CDCDCD" align= center| | ||
| + | |- | ||
| + | | align= light| | ||
| + | '''外文名 alt | ||
| + | |||
| + | '''作 用 一种补救措施 | ||
| + | |||
| + | '''组 成 img与area两个元素 | ||
| + | |||
| + | '''替代原因 网速太慢、src 属性中的错误等 | ||
| + | |} | ||
| + | '''alt属性'''： 是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性，作用是当HTML元素本身的物件无法被渲染时，就显示alt（替换）文字作为一种补救措施<ref>[https://www.w3school.com.cn/tags/att_img_alt.asp HTML <img> 标签的 alt 属性],W3School，</ref>。 | ||
| + | |||
| + | == 释义== | ||
在HTML 4.01中，alt属性主要用于两个img与area元素，alt属性的语法如下： | 在HTML 4.01中，alt属性主要用于两个img与area元素，alt属性的语法如下： | ||
| + | |||
<img alt="..." /> | <img alt="..." /> | ||
| + | |||
<area alt="..." /> | <area alt="..." /> | ||
| − | + | == 介绍== | |
alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。 | alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。 | ||
| + | |||
假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息： | 假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息： | ||
| − | + | ||
| − | + | 1、 网速太慢 | |
| − | + | ||
| − | + | 2、src 属性中的错误 | |
| − | <img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。 | + | |
| − | + | 3、 浏览器禁用图像 | |
| − | 视力受损的读者如果使用屏幕阅读器 | + | |
| − | + | 4、 用户使用的是屏幕阅读器 | |
| − | IE7将alt文字显示成弹出式提示框Internet Explorer 7及更旧版本会错误地将alt属性渲染成弹出式提示框（英语：tooltip）。这个设定导致许多网络开发者真的将alt属性当成弹出式提示框来使用 | + | |
| − | + | <img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。 | |
| − | 图片alt属性是搜索引擎唯一能识别的图片信息，因此，在优化网站时，尽可能利用alt属性阐述图片的主题内容，但是又要避免关键词的重叠堆砌，该图片属性作用也不仅仅告诉搜索引擎图片的主要信息，另外在图片出现加载失败时，还能够让访客理解图片所阐述的内容！ | + | |
| − | 用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现。 | + | 比如： 视力受损的读者如果使用屏幕[[ 阅读器]]如[[JAWS]] （英语：JAWS (screen reader)）或Orca（英语：Orca (assistive technology)），这些应用程序会将图像中提供的alt文字读出，让他们以聆听理解图像内容。<ref>[https://www.runoob.com/tags/att-img-alt.html HTML <img> alt 属性],菜鸟教程，2017-12-19</ref> |
| − | 网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该与网页主题相关。反过来讲，当搜索引擎要判断网页的关键词时，图片的ALT-代替属性是一个可信任的参考点。所以， 别忘了在图片的ALT-代替属性里添加上该网页的关键词。有时候因为一些原因，比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。描述性的ALT-代替属性可以告诉用户该位置的内容，从而添加用户体验。正规的网站都应该这样做。有时，如果没有ALT-代替属性，会导致用户不明白该图片代表着什么，为什么放在这个网页。 | + | |
| − | + | 纯文字网页浏览器如Lynx或允许使用者手动会禁止下载图像的[[ 浏览器]] 会显示alt文字以取代图像； | |
| − | + | ||
| − | alt标签在html语言中的写法是这样的：<img src="图片路径" alt="图片描述"/> | + | 一般能正常显示图像的网页浏览器的读者则需要开启图像[[ 属性]] 或页面原始档才能得知alt属性内容。 |
| − | 图片描述最好是用简短的语句，描述这张图片的内容，如果是链接，则描述链接的作用，并带上关键词。 | + | == 误 区== |
| − | + | IE7将alt文字显示成弹出式提示框Internet Explorer 7及更旧版本会错误地将alt属性渲染成弹出式提示框（英语：tooltip）。这个设定导致许多网络开发者真的将alt属性当成弹出式提示框来使用，而忽视了title才是用来显示弹出式提示框的正确属性。 | |
| − | 不好的习惯是每张图片都没 | + | |
| + | 这个失误在Internet Explorer 8被改正过来，alt文字不会再被当成提示框弹出。alt属性有时亦会被误称为“alt元素”（alt tag，变相与img元素画上等号）。 | ||
| + | == 重要性== | ||
| + | 图片alt属性是搜索引擎唯一能识别的图片信息，因此，在优化网站时，尽可能利用alt属性阐述图片的主题内容，但是又要避免[[ 关键词]] 的重叠堆砌，该图片属性作用也不仅仅告诉[[ 搜索引擎]] 图片的主要信息，另外在图片出现加载失败时，还能够让访客理解图片所阐述的内容！ | ||
| + | |||
| + | 用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现。 从[[SEO]] 和[[ 用户体验]] 来看，ALT-代替属性都是必要的，其重要性主要有： | ||
| + | |||
| + | 网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该与网页主题相关。反过来讲，当搜索引擎要判断网页的关键词时，图片的ALT-代替属性是一个可信任的[[ 参考点]] 。 | ||
| + | |||
| + | 所以， 别忘了在图片的ALT-代替属性里添加上该网页的关键词。有时候因为一些原因，比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。<ref>[https://www.baidu.com/link?url=PJTtEm1Fcmi7ZcZ543mMuAHB66aAaLqz-LI--BLJr6tqYOhne0G6CidhxpYmLoom&wd=&eqid=9bc16cc200034403000000035e6c5698 图像ALT属性在网站优化中的作用分析],SEO技术-点瑞科技，2019-11-13</ref> | ||
| + | |||
| + | 描述性的ALT-代替属性可以告诉用户该位置的内容，从而添加用户体验。 | ||
| + | |||
| + | 正规的网站都应该这样做。有时，如果没有ALT-代替属性，会导致用户不明白该图片代表着什么，为什么放在这个网页。 | ||
| + | == 标签写法== | ||
| + | |||
| + | alt标签在html语言中的写法是这样的：<img src="图片路径" alt="图片描述"/><ref>[https://www.baidu.com/link?url=57aywD0Q6WTnl7XKbIHuE8zWE5epzov3Jk7LtVUL7cjVKerrJU80jbTxv7k-J3dDsHyGG-0OQF9rxQGuDOzQn_&wd=&eqid=9bc16cc200034403000000035e6c5698 HTML <img>标签的alt属性],一个yige.org</ref> | ||
| + | |||
| + | 图片描述最好是用简短的语句，描述这张图片的内容，如果是[[ 链接]] ，则描述链接的作用，并带上关键词。 | ||
| + | == 注意事项== | ||
| + | 不好的习惯是每张图片都没 有[[alt 标签]] 。而不可取的是，对于每个标签都采用关键词堆砌，这样就有可能会导致被视 为[[Spam 垃圾网站]] 。<ref>[https://www.cnblogs.com/ldxsuanfa/p/10539708.html 给图片加ALT属性是个什么意思?有什么优点呢],ldxsuanfa - 博客园，2019年3月15日</ref> | ||
| + | ==视频== | ||
| + | <center> | ||
| + | {{#iDisplay:j0547tylgum|640|370|qq}} | ||
| + | |||
| + | <big>seo知识-alt属性</big> | ||
| + | |||
| + | {{#iDisplay:v3027s0xixi|640|370|qq}} | ||
| + | |||
| + | <big>网络营销SEO优化名称解释，什么是Alt属性，Alt属性的添加演示</big> | ||
| + | </center> | ||
| + | ==参考资料== | ||
| + | {{Reflist}} | ||
| + | [[Category: 550 經濟學總論 ]] | ||
於 2020年3月14日 (六) 12:05 的修訂
| ALT屬性 |
|
外文名 alt 作 用 一種補救措施 組 成 img與area兩個元素 替代原因 網速太慢、src 屬性中的錯誤等 |
alt屬性：是一個用於網頁語言HTML和XHTML、為輸出純文字的參數屬性，作用是當HTML元素本身的物件無法被渲染時，就顯示alt（替換）文字作為一種補救措施[1]。
釋義
在HTML 4.01中，alt屬性主要用於兩個img與area元素，alt屬性的語法如下：
<area alt="..." />
介紹
alt 屬性是一個必需的屬性，它規定在圖像無法顯示時的替代文本。
假設由於下列原因用戶無法查看圖像，alt 屬性可以為圖像提供替代的信息：
1、網速太慢
2、src 屬性中的錯誤
3、瀏覽器禁用圖像
4、用戶使用的是屏幕閱讀器
標籤的 alt 屬性指定了替代文本，用於在圖像無法顯示或者用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中的內容。
比如：視力受損的讀者如果使用屏幕閱讀器如JAWS（英語：JAWS (screen reader)）或Orca（英語：Orca (assistive technology)），這些應用程序會將圖像中提供的alt文字讀出，讓他們以聆聽理解圖像內容。[2]
純文字網頁瀏覽器如Lynx或允許使用者手動會禁止下載圖像的瀏覽器會顯示alt文字以取代圖像；
一般能正常顯示圖像的網頁瀏覽器的讀者則需要開啟圖像屬性或頁面原始檔才能得知alt屬性內容。
誤區
IE7將alt文字顯示成彈出式提示框Internet Explorer 7及更舊版本會錯誤地將alt屬性渲染成彈出式提示框（英語：tooltip）。這個設定導致許多網絡開發者真的將alt屬性當成彈出式提示框來使用，而忽視了title才是用來顯示彈出式提示框的正確屬性。
這個失誤在Internet Explorer 8被改正過來，alt文字不會再被當成提示框彈出。alt屬性有時亦會被誤稱為「alt元素」（alt tag，變相與img元素畫上等號）。
重要性
圖片alt屬性是搜索引擎唯一能識別的圖片信息，因此，在優化網站時，儘可能利用alt屬性闡述圖片的主題內容，但是又要避免關鍵詞的重疊堆砌，該圖片屬性作用也不僅僅告訴搜索引擎圖片的主要信息，另外在圖片出現加載失敗時，還能夠讓訪客理解圖片所闡述的內容！
用來對網頁上的圖片進行描述，光標在圖片上時顯示的提示語即採用該標籤實現。從SEO和用戶體驗來看，ALT-代替屬性都是必要的，其重要性主要有：
網頁內容相關性是關鍵詞優化的前提，搜索引擎認為，網頁上的圖片應該與網頁主題相關。反過來講，當搜索引擎要判斷網頁的關鍵詞時，圖片的ALT-代替屬性是一個可信任的參考點。
所以， 別忘了在圖片的ALT-代替屬性里添加上該網頁的關鍵詞。有時候因為一些原因，比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。[3]
描述性的ALT-代替屬性可以告訴用戶該位置的內容，從而添加用戶體驗。
正規的網站都應該這樣做。有時，如果沒有ALT-代替屬性，會導致用戶不明白該圖片代表着什麼，為什麼放在這個網頁。
標籤寫法
alt標籤在html語言中的寫法是這樣的：[4]
圖片描述最好是用簡短的語句，描述這張圖片的內容，如果是鏈接，則描述鏈接的作用，並帶上關鍵詞。
注意事項
不好的習慣是每張圖片都沒有alt標籤。而不可取的是，對於每個標籤都採用關鍵詞堆砌，這樣就有可能會導致被視為Spam垃圾網站。[5]
視頻
seo知識-alt屬性
網絡營銷SEO優化名稱解釋，什麼是Alt屬性，Alt屬性的添加演示
參考資料
- ↑ HTML
標籤的 alt 屬性,W3School，
- ↑ HTML
alt 屬性,菜鳥教程，2017-12-19
- ↑ 圖像ALT屬性在網站優化中的作用分析,SEO技術-點瑞科技，2019-11-13
- ↑ HTML
標籤的alt屬性,一個yige.org
- ↑ 給圖片加ALT屬性是個什麼意思?有什麼優點呢,ldxsuanfa - 博客園，2019年3月15日