HTML和XHTML知识总结

1、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进制

2、XHTML

XHTML是HTML的子集，彻底兼容HTML，可是格式严谨

HTML和XHTML的区别：

• XHTML 元素必须被正确地嵌套。
• XHTML 元素必须被关闭。
• 标签名必须用小写字母。
• XHTML 文档必须拥有根元素。

HTML和XHTML的共同点：

• 注释标签里面的内容都会被忽略
• 元素的属性都须要引号包裹
• 有些特殊字符必须被替换为实体引用

3、转义符

ASCLL总共有128个字符，有33个字符没法转义：0-31和127

 

4、设置屏幕全屏显示（无滚动条）

 

      //若是无效的话则与界面的布局有关，可在最大的盒子厘米设置以下属性
　　　　  html,body {
            height:100%;
            width:100%;
            overflow:hidden;
            margin:0;
            padding:0;
        }    

5、三栏式布局

目前我只了解了三种布局，具体可参考连接写的很详细

6、H5新增元素

7、语义化理解

语义化的目的是为了让元素的语义和呈现分离，元素只负责文章的结构和含义，CSS控制内容的呈现（如strong标签是，b标签就不是）

8、旧版本和新版本H5的区别之处

1.旧版本的HTML比较依赖浏览器的插件，如播放视频须要安装flash插件

2.H5再也不基于SGML，因此文档声明类型（DOCTYPE）只有一种

3.H5消除了过期了或冗余的元素参考博客

4.H5增长了一些语义化元素，和一些新的功能

5.H5规定了新的全局属性和元素属性W3C官网

9、webAPP、nativeAPP、hybridAPP

webapp:利用web浏览器和web技术经过网络执行任务的应用

nativeAPP：以特定语言编写的智能手机应用程序

hybridAPP：将webapp包装在本机容器中

10、微格式

微格式：经过添加属性（class和rel）和元数据（link元素）的方式来实现web的语义化

目前新版的微格式定义了五种类前缀：

h*:根元素

p*:表示一个纯文本元素

u*:表示一个连接元素

dt*:将元素做为日期和时间

e*:解析元素的内容