标签：cookie 区分 介绍 浏览器内核 ade for date load 自动删除
（1）、<doctype>声明位于文档第一行，在<html>标签之前。用于告知浏览器的解析器以什么样的标准解析该文档。doctype不存在或者格式错误，会导致浏览器以兼容模式呈现该文档。
（2）、标准模式的排版和js运作模式都是以该浏览器支持的最高标准运行。兼容模式页面以宽松的向后兼容方式显示，模拟老浏览器的行为防止站点无法工作。
html不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为
而html4基于SGML，所以需要对DTD进行引用，才能告知浏览器文档使用的文档类型
（1）、行内元素有：
a b span img input select strong em i
（2）、块级元素有：
div ul li ol dl dd dt h p
（3）、常见的空元素有：
<br> <img> <input> <mate> <hr>
不常见的有：
<area> <base> <col> <command> <embed> <keygen> <oaram> <source> <track> <wbr>
（1）、link属于xhtml标签，除了加载css还能定义rss，定义rel链接属性等作用
（2）、页面被加载的时候，link会同时被加载，而@import引用的css等到页面被加载完再加载
（3）、link没有兼容问题，@import兼容ie5以上
（1）、IE浏览器 trident内核
（2）、firefox gecke内核
（3）、opear presto内核
（4）、chrome webkit内核
（1）、新特性：
绘画canvas
用于媒体的video和audio元素
本地离线存储localStorage和sessionStorage
语义化更好的结构元素article、footer、header、nav、section
表单控件calendar、date、time、email、url、search
新技术webworker、websocket、Geolocation
（2）、移除元素
表现类basefont、big、center、font、s、strike、tt、u
可用性有影响的frame、frameset、noframes
（3）、兼容处理
利用document.createElement方法创建的标签
也可以使用成熟的框架 html5shim.js来兼容
（4）、如何区分
通过文档声明doctype、结构元素、功能元素来区分
用正确的标签做正确的事情
html语义化让页面内容结构化，便于浏览器和搜索引擎解析
即使在没有css样式的时候也以一种文档格式显示，不影响阅读
对搜索引擎更加友好，有利于seo
方便维护，和阅读源码
cookies是网站为表示用户身份而存储在本地终端的数据，存储大小不能超过4k
cookies数据始终在同源的http请求中携带，不管需不需要都会在浏览器和服务器之间来回传递
cookies设置的过期时间之前一直有效，即使关闭窗口
sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存，存储大小也可以达到5M
sessionStorage 会在当前窗口关闭的之后自动删除数据
localStorage数据是永久保存的，除非用户手动删除
iframe会阻塞主页面的onload时间
搜索引擎的检索程序无法解读这种页面，不利于seo
iframe和主页共享连接池，而浏览器对相同域的链接有限制，所以会影响页面的并行加载
可以动态的给iframe添加src，解决的这种弊端
label标签用来定义表单控件间的关系，单用户选择标签时，浏览器自动将焦点转到和标签相关的控件上
用label标签包裹控件或者设置控件id和label标签关联
给不需要的form或者input设置 autocomplete = off
webSocket、sharedWorker
localstorage另一个浏览器上下文里被添加、修改或者删除。都会触发一个事件
通过监听事件，控制他的值来进行页面的信息通信
title标签是用来描述这个页面的主题的，是一个网页权重的最高点。但title标签并不出现在文章的正文中。而h1标签一般出现在文章的正文中，是展示给访问者的文章的标题。
b和strong以及i和em是一个道理的
b和i是给用户看的 只是纯碎的样式
strong和em是有语气加强的便于搜索引擎知道是重要的
标签：cookie 区分 介绍 浏览器内核 ade for date load 自动删除
原文地址：http://www.cnblogs.com/Ookong/p/6536958.html
