html 总结1（2017.2.8pm）

1、浏览器页面分几层。

三层：结构层html，表示层css，行为层js。

作用：结构层：构建页面的结构

            表示层：页面的表现与风格

            行为层：实现客户端的功能与业务

2、html5优缺点，对h5的认识（是什么，为什么）。

优点：1、网络标准统一

2、多设备，跨平台

3、及时更新

4、定义的新标签更好地满足开发人员的需求

5、在网页的抓取和索引方面，对seo友好(网络抓取：

6、界面对用户体验友好

7、web socket可以实现客户端和服务器端双向异步通信

8、可替代flash

9、被大量应用移动应用程序和游戏

缺点：1、安全性。web socket   、 web storage很容易被黑客攻击

2、不同浏览器对h5的支持程度不同

3、兼容，ie9以下的浏览器几乎全军覆没

注：网络抓取，索引，收录，爬行

网络索引：将url的信息整理后存入数据库，被称为索引库

网络抓取：程序解析出链接后把url存入页面地址库，网络爬虫（搜索引擎重要组成部分）在地址库中按照一定的规则选取url进行抓取，即像浏览器一样打开页面，把页面的html代码存入数据库。抓取是实际存在的并可以观察到的，日志里有完整的记录

爬行：蜘蛛沿着链接发现新页面，然后爬过去抓取新页面。实际不存在的。

被收录：能查到页面被搜索引擎存入索引库，但索引库里的链接不一定被抓取过。

对h5的认识：

是什么：h5是html的最新版本，是2014年10月由w3c完成标准制定。h5是html css js组合的一套技术，顺应时代发展潮流，减少web应用对插件的依赖，并在移动端有很好的应用

为什么：h4是在1999年12月提出的，过分依赖插件，如flash，在安全和稳定性方面有很大的隐患，并且由于移动端耗电、触摸、不开放的特性，使其难以在移动端使用。

3、doctype作用，混杂模式（怪异模式），标准模式。

     1、位于文档最前方，告诉浏览器的解析器使用何种规则解析该文档。

      2、标准模式：规则即按照w3c里发布的DTD（文档类型定义）去解析页面，以浏览器支持的最高标准来解析页面。

      3、怪异模式：以宽容的向后兼容的方式去解析页面。（DOCTYPE不存在或者格式不正确会以怪异模式进行解析）。

注：向后兼容：在版本更新后仍能支持旧的版本正常工作。

4、html5有哪些新特性，移除了哪些元素

新增27，废除16个

按优先级分为结构属性元素、块级、行内、交互

结构：

section    nav  header  footer   artical

块级：

aside   figure  code  dialog

行内：

meter  time  progress video  audio

交互：

details   menu  command  datagrid

废除：

纯表现的：

basefont   font  big  strike  tt   center  u

框架：

frameset   noframes  frame

5、你做的网页在哪些浏览器上测试过，他们的内核是什么

ie：trident

firefox:gecko

safari:webkit

opera:blink

chrome:blink

6、对web标准和w3c的理解

web标准的理解：分为结构、表现、行为。结构是由html构成，表现由css构成，行为是指页面与用户有一定的交互，有js构成。web标准一般是将三者分开，使其更具有模块化。

w3c的理解：w3c对web标准提出了规范化的要求。

结构：

标签小写、不能随意嵌套、标签闭合

css、js：

尽量使用外链css样式和 js脚本，提高渲染速度，优化用户体验。

标签尽量见文知意，标签越少，加载越快，结构和表现尽量分离。

不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性。？？？？？？