一·Doctype:
<!DOCTYPE>是用来声明文档类型和DTD规范的,位于文档的第一行,不是html标签,写在html标签之前,<!DOCTYPE html>如果书写不规范或者书写错误的话,浏览器会以兼容模式运行文档,兼容模式是页面以宽松的向后兼容的,模拟老式浏览器,防止站点无法正常运行,相对的,标准模式则是排版和js运作模式都是以浏览器的最高标准运行。在html4.0.1中,由于4.0.1基于SGML,所以!DOCTYPE声明一个DTD,而html5中不基于SGML,所以不指向DTD。
二·canvas和svg:
canvas是HTML5的新元素,可以看作是一个画布,绘制出来的图标为标量图,,可以引入图片,经常用来绘制统计图,svg是一个很久就有的属性,于canvas很像,但是是矢量图,常用来做小图标,因为矢量图放大不失真,百度地图就是用svg技术制作
三·浏览器内核:
内核主要分为两部分,渲染引擎和js引擎,渲染引擎负责取得网页内容,整理讯息,计算网页的显示方式,然后渲染到用户的屏幕上,js引擎解析和执行JavaScript实现逻辑和控制DOM进行交互。
四:html和DOM的关系
html是一个字符串,DOM由html解析而来,js可以操作DOM。
五·HTML语义化:
1,让页面结构化,便于浏览器和搜索引擎解析
2,html分块,程序员便于维护。
3,如果css运行错误,那么页面会以文档格式显示,也会有一个好的可读性。
4.索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,有利于SEO
六·HTML5新特性
HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。
拖拽释放(Drag and drop) API
语义化更好的内容标签(header,nav,footer,aside,article,section)
音频、视频API(audio,video)
画布(Canvas) API
地理(Geolocation) API
本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;sessionStorage 的数据在浏览器关闭后自动删除
表单控件,calendar、date、time、email、url、search
新的技术webworker, websocket, Geolocation
七·请描述一下cookies,sessionStorage和localStorage的区别?
相同点:都会在浏览器端保存,有大小和同源限制。
不同点:
1、cookie会随请求发送到服务器,作为会话表示,服务器可修改cookie。web storage不会随请求发送到服务器。
2、cookie有path的概念,子路径可以访问父路径的cookie,父路径不可以访问子路径的cookie。
3、有效期: cookie在设置的有效期内有效,默认为浏览器关闭消失。sessionStorage在会话窗口关闭后失效,localStorage长期有效,需主动删除。
4、sessionStorage不能共享,localStorage在同源文档之间可以共享,cookie在同源且符合path规则的文档之间可以共享。
5、localStorage的修改会触发其他文档的update事件。
6、cookie有secure属性要求HTTPS传输。
原文:https://www.cnblogs.com/hong-dou/p/14433193.html