自己每天都会去整理一些自己学习到碰到觉得还不错的前端小知识,分享给大家
img中title和alt的区别
- title通常当鼠标滑动到元素上的时候显示
- alt是img的特有属性,是图片内容的等价描述,用于图片无法加载时显示、读屏器阅读图片。可提图片高可访问性,除了纯装饰图片外都必须设置有意义的值,搜索引擎会重点分析。
语义化的理解
- 用正确的标签做正确的事情!
- HTML语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;
- 在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的。
- 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。
- 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解
html5有哪些新特性
- 绘画 canvas
- 用于媒介回放的 video和 audio元素
- 本地离线存储 LocalStorage长期存储数据,浏览器关闭后数据不丢失
- sessionStorage 的数据在浏览器关闭后自动删除
- 语意化更好的内容元素,比如article、footer、header、nav、section
- 表单控件,calendar、date、time、email、url、search
- 新的技术webworker、 websocket、 Geolocation