- doctype作用
- 告知浏览器的解析器用什么文档标准来解析文档
- 影响浏览器对CSS代码和JS脚本的解析
- 文档解析类型
- 标准模式（standards mode）:页面按照HTML与CSS的定义渲染
- 怪异模式（quirks mode）:会模拟更旧的浏览器的行为
- 近乎标准（almost standards）:会实施一种表格单元尺寸的怪异行为（与IE7之前的单元格布局方式一致），除此之外符合标准定义
- HTML、XML和XHML的区别
- HTML（超文本标记语言）：在html4.0之前HTML先有实现后有标准，比较混乱和松散
- XML（可扩展标记语言）：主要用于储存数据和结构，JSON也是类似的作用，但更加轻量高效
- XHTML（可扩展超文本标记语言）：基于上面两者而来，HTML5前身
- data-属性
- HTML的数据属性
- 将数据存储在HTML元素中
- 可以通过js访问并操作
- HTML语义化
- 使用恰当语义的HTML标签，让页面具有良好的结构和含义
- 对开发者友好，增加可读性
- 对机器友好，便于做SEO和自动化生成文章目录
- HTML5与HTML4的区别
- 文件类型声明：<!DOCTYPE HTML>
- 新的解释顺序：SGML
- 新的元素：section，video，progress，nav，meter，time，aside，canvas，command，datalist，details，embed，figcaption，figure，footer，header，hgroup，keygen，mark，output，rp，rt，ruby，source，summary，wbr
- input元素新类型：date，email，url等
- 新属性：ping（用于a与area），charset（用于meta），async（用于script）
- 全域属性：id，tabindex，repeat
- 新的全域属性：contenteditable，contextmenu，draggable，dropzone，hidden，spellcheck
- 移除元素：acronym，applet，basefont，big，center，dir，font，frame，frameset，isindex，noframes，strike，tt
- 常用meta标签
- charset
- http-equiv
- viewport
- apple-mobile-web-app-status-bar-style
- src和href的区别
- src
- 指向外部资源位置
- 内容嵌入到文档中当前标签所在的位置
- 会阻塞其它资源的下载和处理，直到该资源加载、编译、执行完毕
- href
- 指向网络资源所在位置
- 不会阻塞
- src
- img的srcset的作用
- 设计响应式图片
- srcset相似作用的标签
- picture
- script标签中defer和async的区别
- defer：script被加载后不会立即执行，等文档被解析完毕后才执行
- async：script被加载后立即执行，不适用于对script有先后依赖关系的情况
- 前端存储方式
- cookies
- 兼容性好
- 请求头自带cookie方便
- 大小只有4k
- 自动请求头加入cookie浪费流量
- 每个域名限制20个cookie
- 操作麻烦，往往需要自行再次封装
- localStorage
- 操作方便
- 永久性存储（除非手动删除）
- 大小5M
- 兼容IE8+
- sessionStorage
- 与localStorage类型
- 页面关闭后会清理掉
- 不能在所有同源窗口中共享，是会话级别的存储方式
- Web SQL
- 2010年被W3C废弃的本地数据库数据存储方案
- 关系型数据库
- IndexedDB
- HTML5标准
- NoSQL数据库
- 键值对存储
- 可进行快速读取操作
- cookies
扫一扫
3987
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
