全局属性title

全局属性title

定义： 全局属性title包含代表它所属元素的有关的咨询信息的文本， 通俗的来说， 就是一个浏览器定义的，一个具有朴素的tooltip的属性

<div title="这是一个title属性的测试， hover我可以看到这个提示">Hover Me</div>

<div title="`这是一个title属性的测试， hover我可以看到这个提示
如果想换行可以这样做
`">Hover Me</div>

特点

1. 全局属性，任何DOM元素上都可以使用
2. 通过hover触发
3. 不可以自定义样式， 但是可以换行
4. 在某些标签上有特殊的含义， 具体查看MDN

使用场景

title的属性算是一个比较朴素的tooltip, 我认为可以有以下的使用场景

1. 页面图标的解释， 标识图标的含义或者操作功能
2. 作为段落的名词解释， 不太适合太长的名词解释
3. 及其他的标注功能， 突出简练

PS: Email 类型的input 会自带邮箱验证的title，如果项目涉及到国际化， 需要注意对它的处理