一、什么是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
元素和子孙节点内容是否需要本地化
网友评论