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*:解析元素的内容

转载于:https://www.cnblogs.com/purple-windbells/p/11268990.html