1、H5浏览器兼容由于HTML5没有统一的标准,不同的浏览器解析不同,目前还在推广阶段,但大部分都是一样的2、H5新文档声明1)Html4文档声明2)Html5的文档声明中HTML4.01中,DOCTYPE语句指的是文档类型定义DTD(DocumentTypeDefinition),因为HTML4.01是基于SGML(StandardGeneralizedMarkupLanguage,一种定义电子文档结构和描述其内容的国际标准语言;)。DTD指定标记语言的规则,以便浏览器可以正确呈现内容。HTML5不是基于SGML,因此不需要引用DTD。提示:始终向HTML文档添加DOCTYPE声明,以便浏览器知道文档类型。扩展:CSS盒模型:CSS标准盒模型和奇怪的盒模型?CSS中的Box模型分为两种:W3C标准和IE标准的box模型。大多数浏览器使用W3C标准模型,而IE使用微软自己的标准。怪异模式是“部分浏览器在支持W3C标准的同时保留了原有的解析方式”,怪异模式主要表现在IE内核的浏览器中。如果缺少DOCTYPE,在ie6、ie7、ie8下会触发怪异模式(quirksmode)。未定义doctype时会触发Quirks模式。在标准模式下,一个块的总宽度=width+margin(左右)+padding(左右)+border(左右)在weird模式下,一个块的总宽度=width+margin(左右)对)(即width已经包含了padding和border值)3.H5的特点1)比较简洁,但实际开发中要注意写规范,有利于后期维护2)标签的语义扩展:语义的重要性:①当页面加载失败时,也能呈现清晰的结构②有利于SEO优化和被搜索引擎收录(即容易被网络爬虫识别)③在项目开发和维护中,语义也大大降低了开发难度,节省了成本和新结构标签的区别和意义3)语法更宽松4)多设备跨平台5)自适应网页设计4、H5新增语义标签headerhead标签header。htmlheader_noLogin.htmlnavnavigationtagarticlearticletagasidesidebarNavigationfooterfooter.htmlsectionChapters,headers,columns1)Sections表示内容块,通常分为章节、页眉、页脚或页面的其他部分。可与h1-h6等元素结合使用,表示文档的结构2)article表示页面上与上下文无关的一段独立内容,如博客中的一篇文章或一篇文章inanewspaper3)asideAside表示action除了元素的内容外,与文章元素的内容相关的辅助信息。4)header表示页面中的一个内容块或整个页面的标题5)footer表示整个页面的脚注或页面中的一个内容块。通常,它会包括创建者的姓名、创建日期和创建者联系信息。6)nav表示页面中导航链接的部分,①传统导航栏②腾讯新闻③侧边栏导航④行业内部导航:百度百科⑤翻页操作7)figure表示一个独立的流量内容,一般表示主流量文档独立的内容单元。指定单个流内容(图像、图表、照片、代码等)。使用figcaption元素向图形元素添加标题。◆图是元素的组合,带有可选的标题。用于表示网页上的独立内容。figure元素的内容应该相对于主要内容,但如果删除应该不会影响文档流。◆figcaption表示图的标题。属于图,图中只能放一个figcaption8)video定义视频,比如电影剪辑或者其他视频流你的浏览器不支持视频how许多视频允许一个source元素,source元素可以连接不同的视频文件,浏览器将使用第一个可识别的格式播放提示:可以在开始标签和结束标签之间放置文本内容,这样旧的浏览器可以显示不支持该标签的信息。param元素允许您为插入到XHTML文档中的对象指定运行时设置,也就是说,该标签可以为包含它的