|
|
行 1: |
行 1: |
− | {| 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属性的语法如下:
| |
− |
| |
− | <img alt="..." />
| |
− |
| |
− | <area alt="..." />
| |
− | ==介绍==
| |
− | alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。
| |
− |
| |
− | 假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:
| |
− |
| |
− | 1、网速太慢
| |
− |
| |
− | 2、src 属性中的错误
| |
− |
| |
− | 3、浏览器禁用图像
| |
− |
| |
− | 4、用户使用的是屏幕阅读器
| |
− |
| |
− | <img> 标签的 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>
| |
− |
| |
− | 纯文字网页浏览器如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-代替属性里添加上该网页的关键词。有时候因为一些原因,比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。<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 經濟學總論 ]]
| |