一、什么是alt属性?
alt属性,是<img>的特有属性,是图片内容的等价描述,用于图片无法加载时显示或读屏器阅读图片(帮助盲人了解图片内容)。可提图片高可访问性,除了纯装饰图片外都必须设置有意义的值,搜索引擎会重点分析。
作用是当无法显示文档中的图片是,可以为浏览者提供文字说明,是用来替代图片的,而不是提供额外说明文字的
二、什么是title属性?
title属性是global attribute之一,作用是提供建议性的信息,通常是鼠标滑动到元素上是显示。
title属性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。
title属性可以为链接添加描述性文字,来更加清楚的表达链接的目的。
两者的区别?
替换文字(alt text)并不是用来做提示(tool tip),或者更加确切的说,它并不是为图片提供额外说明信息的。相反地,title属性才应该用来为元素提供额外说明信息。
拓展知识:global attribute 属性(全局属性)还有哪些?
- accesskey#
设置快捷键,提供快速访问元素如aaa在windows下的firefox中按alt + shift + a可激活元素
- class
为元素设置类标识,多个类名用空格分开,CSS和javascript可通过class属性获取元素
- contenteditable
指定元素内容是否可编辑
- contextmenu
自定义鼠标右键弹出菜单内容
- data-*
: 为元素增加自定义属性
- dir#
设置元素文本方向
- draggable#
设置元素是否可拖拽
- dropzone
设置元素拖放类型: copy, move, link
- hidden
表示一个元素是否与文档。样式上会导致元素不显示,但是不能用这个属性实现样式效果
- id
元素id,文档内唯一
- lang
元素内容的的语言
- spellcheck#
是否启动拼写和语法检查
- style
行内css样式
- tabindex
设置元素可以获得焦点,通过tab可以导航
- title
元素相关的建议信息
- translate
元素和子孙节点内容是否需要本地化