HTML和XHTML知识总结
一、HTML
1.1 HTML源于SGML（标准通用标记语言），遵循SGML指定的语法和规则，但是从HTML5开始将不再基于SGML
1.2 HTML将网页抽象成三部分：HTML,CSS,JS。其中HTML负责内容和结构，CSS负责样式呈现，JS负责动态交互（这里的动态交互不是页面中的一些动态效果，而是有与数据库等相关联的数据动态）
1.3 将网页抽象成三部分的优点：① 增强了可读性；②便于维护和调用；③减少了不必要的请求
1.4 W3C：是一个指定各种标准的非营利机构，标准包括：HTML,CSS,XHTML,XML，但不包括网络相关的协议
1.5 web标准指定后的优点：① 学习成本降低，只需要按照w3c标准学习就行，否则要学习各个浏览器的标准；② 统一开发流程，便于多人协作；③ 简化网站代码的维护，不会有不同浏览器的多个版本，网页寿命也更长；④ 跨平台，可方便迁移到不同设备中；⑤ 实用又专业
1.6 OSI参考模型是由OSI（国际标准化组织）指定，将协议分成了七层：应用层，表示层，会话层，传输层，网络层，数据链接层和物理层
1.7 HTML的基本结构包括 DOCTYPE,HTML。head，body；任何HTML文档都需要这四个元素
1.8 DOCTYPE用户声明文档类型和规范DTD，确保不同浏览器用相同方式解析文档，执行相同的渲染模式
1.9 浏览器的渲染模式：
①标准模式：按照W3c标准解析执行代码
②接近标准模式：是由某些DOCTYPE触发的，基本上是标准模式，除了一些例外
③怪异模式：使用浏览器自己的方式解析执行代码，一些错误或者无用的doctype会触发怪异模式
怪异模式下的一些怪癖：
① 宽度和高度与W3C盒模型不同
② 表格中的字体样式不会被继承
③ 设置margin auto不会实现居中水平
④ 当内容超出容器高度时，会把容器拉伸
⑤ 颜色必须要用16进制
二、XHTML
XHTML是HTML的子集，完全兼容HTML，但是格式严谨
HTML和XHTML的区别：
- XHTML 元素必须被正确地嵌套。
- XHTML 元素必须被关闭。
- 标签名必须用小写字母。
- XHTML 文档必须拥有根元素。
HTML和XHTML的共同点：
- 注释标签里面的内容都会被忽略
- 元素的属性都需要引号包裹
- 有些特殊字符必须被替换为实体引用
三、转义符
ASCLL总共有128个字符，有33个字符无法转义：0-31和127
四、设置屏幕全屏显示（无滚动条）
//如果无效的话则与界面的布局有关，可在最大的盒子厘米设置如下属性
html,body { height:100%; width:100%; overflow:hidden; margin:0; padding:0; }
五、三栏式布局
目前我只了解了三种布局，具体可参考链接写的很详细
六、H5新增元素
七、语义化理解
语义化的目的是为了让元素的语义和呈现分离，元素只负责文章的结构和含义，CSS控制内容的呈现（如strong标签是，b标签就不是）
八、旧版本和新版本H5的区别之处
1.旧版本的HTML比较依赖浏览器的插件，如播放视频需要安装flash插件
2.H5不再基于SGML，所以文档声明类型（DOCTYPE）只有一种
3.H5消除了过时了或冗余的元素参考博客
4.H5增加了一些语义化元素，和一些新的功能
5.H5规定了新的全局属性和元素属性W3C官网
九、webAPP、nativeAPP、hybridAPP
webapp:利用web浏览器和web技术通过网络执行任务的应用
nativeAPP：以特定语言编写的智能手机应用程序
hybridAPP：将webapp包装在本机容器中
十、微格式
微格式：通过添加属性（class和rel）和元数据（link元素）的方式来实现web的语义化
目前新版的微格式定义了五种类前缀：
h*:根元素
p*:表示一个纯文本元素
u*:表示一个链接元素
dt*:将元素作为日期和时间
e*:解析元素的内容
