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