Lyrics

< More and better />

HTML

语义化

  1. 当页面丢失样式时，页面还是可以清晰展示页面结构

  2. 利于爬虫 爬取有效的信息

  3. 方便团队的代码的维护，语义化使得更具有可读性，遵循了w3 标准，减少差异化

  4. 方便其他设备的解析（移动设备，盲人阅读器，屏幕阅读器等）

DOCTYPE

  1. 声明位于文档开头，表示是应该以那种模式来解析html

  2. 严格模式下以该浏览器支持的最高标准运行

  3. 混杂模式中，页面以宽松的向后兼容的方式显示

  4. Doctype 不存在或者不正确还会使得文档原因混杂模式呈现

XHTML 和 HTML的区别:

  1. XHTML 是以一种较为严格的方式呈现的HTML

  2. XHTML 标签属性和元素必须小写

  3. 必须符合w3 标准 ，元素标签必须闭合

  4. 图片必须有说明文字 alt

  5. 属性中没有赋值的全部重复属性本身

  6. 将所有的特殊符号用编码表示

H5新特性

  1. 语义化标签

    （header 头部 ）（footer 底部） （article 文章内容） （Nav 导航） （aside 标签定义其所处内容之外的内容，aside 的内容应该与附近的内容相关） （ section 区段 ）

  2. 音频： audio 视频 video

  3. Canvas 是定义图形 标签只是图形容器，您必须使用js 脚本来绘制图形。

  4. 本地存储API ： localstorage :长期存储，除非主动删除

sessionstorage : 会话结束，或者关闭浏览器自动清除

  1. 表单的控件： 新的input 的类型： (email,URL,number,search,color,range,Data）

  2. 内联SVG

  3. web worker ：运行在后台的js ，独立于其他脚本，不影响页面的性能，有自己独立的线程

  4. 移除的标签：纯表现：basefont,big,center,fon,tt,u
    影响性能： frame,frameser,noframe

常见问题：

  1. 文本框，阻止用户输入：input 设置 disable / readonly ; js 捕获 keypress 事件，设置input 属性为 disabled

  2. 行内元素： 包含： a,img,input,button,span,br,hr,textarea,label还有一些语气词：b, i,strong(display:inline)

  3. 块级元素： div ,ul,li,h1-h6,dd,dt,p (display:block)

  4. 空元素：br,hr,imhg,input,link,meta

  5. HTML5 为何只写<!DOCTYPE HTML> （Document Type Definition)
    1）HTML5 不是基于SGML(Standard Grneralized Markup Langeage) 所以不需要引用DTD，但是需要DOCTYPE来规范浏览器的行为（就是让浏览器按照他们该运行的方式运行）而 HTML4.01 基于SGML ,所以需要对DTD 进行引用，才能告知浏览器文档所使用的文档类型

  6. cookie ,sessionStorage,localStorage 的区别：
    1） cookie 是在浏览器和服务器之间进行传递的，其他两个是本地存储

2） sessionStorage 和 localStorage 存储空间较大，有一些丰富的接口，是各自独立的存储空间，是依据key 值进行存储和读取

localStorage.setItem//localStorage.getItem//localStorage.removeItem

  1. 窗口打开
    _blank 在新窗口中打开被链接文档。

_self 默认。在相同的框架中打开被链接文档。

_parent 在父框架集中打开被链接文档。

_top 在整个窗口中打开被链接文档。

framename 在指定的框架中打开被链接文档。

  1. flash和js通过什么类如何交互? ExternalInterface

Flash提供了ExternalInterface接口与JavaScript通信，ExternalInterface有两个方法，call和addCallback，call的作用是让Flash调用js里的方法，addCallback是用来注册flash函数让js调用。

  1. alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字

内核

Wekbit ： Apple的Safari, Google的Chrome, Nokia S60平台的默认浏览器，搜狗

Gecko：火狐

Trident： IE