HTML语言不区分大小写（TILTE，title, Title）书写都正确

DOCTYPE文档声明

  1. 声明帮助浏览器正确地显示网页
  2. 浏览器按照这个文档类型去解析
  3. 现在都默认使用H5了
  4. 需要放在第一行，浏览器由上至下解析，必须要写，以免发生怪异模式

HTML4常用标签

  1. 文档标签：html、head、body
  2. 文本格式化：strong、b、em、i、small、strong、del、sub、sup
  3. 链接：a、link
  4. 图片：img、map、area
  5. 框架：iframe
  6. 表单：form、input、select、option、textarea、button、label
  7. 表格：table、tr、td、caption、thead、tbody、tfoot
  8. 三大列表：ul li、ol li、dl dt dd

HTML5常用标签

  1. 图形新元素：canvas
  2. 新多媒体元素：audio、video、source、embed、track
  3. 新表单元素：deatalist、keyge、output
  4. 新语义和结构元素：article、aside、bdi、command、details、dialog、summary、figure、figcaption、footer、header、mark、meter、nav、progress、ruby、rt、rp、section、time、wbr

语义化

  1. 什么叫语义化：用正确的标签做正确的事
  2. 语义化的好处：
    1. 代码结构更合理，写出更好的代码
    2. 利于SEO
    3. 样式丢失的时候，还是可以比较好的呈现结构

HTML中解析特殊字符

  1. 多个连续的空白字符只会被浏览器解析成为一个空白字符，规范
  2. < > “ ‘ & 等特殊字符可以通过 < > “ ‘ &来进行转义显示

标签规范

  1. 内联标签内不能放块元素
  2. P标签内不能放块级标签
  3. 有一些特殊标签内不能放块元素：H1-H6系列
  4. ul、ol下只能放LI
  5. a标签不能嵌套A标签
  6. br标签只能用于文本换行

HTML Entity(实体)

  1. 显示HTML保留字符，如< > &符号等
  2. 表示一些难以用常规设备输入的字符等
  3. 两种表现形式：
    1. 实体名称：® & + ;
    2. 实体编号：® &# + 16进制 + ;

meta重点标签

  1. meta charset=”utf-8” 申明编码
  2. meta name=”keywords” content=”” 关键词
  3. meta name=”description” content=”” 页面描述
  4. meta name=”viewport” content=”” 视口-移动设备
  5. meta http-equiv=”X-UA-Compatible” content=”IE=edge, chrome=1” 优先使用IE最新版本和Chrome

SVG优势

  1. 矢量图、可伸缩、可以被高质量打印、可以通过文本编辑器来创建和修改

DOM一些不常用API

  1. 默认情况下， document.activeElement 在页面刚加载完之后会设置为 document.body 。而在页面完全加载之前，document.activeElement 的值为 null 。
  2. 其次是 document.hasFocus() 方法，该方法返回布尔值，表示文档是否拥有焦点：

document的一些属性

  1. readyState：页面文档是否加载完成

loading ，表示文档正在加载；
complete ，表示文档加载完成

  1. compatMode：浏览器渲染模式
    1. 标准模式下document.compatMode 的值是 “CSS1Compat” ，
    2. 而在混杂模式下， document.compatMode 的值是 “BackCompat” ：
  2. document.head：获取页面head元素

H5规范滚动方案

  1. scrollIntoView()

浏览器检测包

  1. Bowser、UAParser.js、Platform.js、CURRENT-DEVICE、Google Closure、Mootools

浏览器提供的相关能力检测

  1. screen 和 navigator 对象暴露出来。利用这些API，可以获取关于操作系统、浏览器、硬件、设备位置、电池状态等方面的准确信息。