html知识点总结（一）

html知识点总结（一）

一、html xhtml html5

1. html ：超文本标记语言 HTML1~HTML4
2. xhtml：可拓展超文本标记语言，相比于html语法更严格
3. html5：新一代的超文本标记语言
   区别：
   前俩者都需要dtd声明属于哪个类型 基于sgml语言 有语义化的声明结构
   html5只需要doctype声明即可 有语义化的声明结构 内容包含html5+css3+javascript api

二、doctype的作用

1. 告诉浏览器他处理的是html文档
2. 用来标记文档内容的html版本

三、浏览器的标准模式、怪异模式

历史原因：
以前的html在不同浏览器渲染出来的效果也不同，没有统一的规范，产生了差异，于是就有了怪异模式
w3c出台了标准之后，各浏览器对页面的渲染有了统一的标准，于是就有了标准模式
这种区别体现在哪呢？
1、盒模型
怪：ie的宽指的就是width=content+padding+border
标：width=content
2、图片元素垂直对齐方式
怪：table单元格中的图片的vertical-align属性默认取值为bottom，因此在图片底部会有及像素的空间。
标：标准模式下vertical-align属性默认取值为baseline
3、

元素中的字体：
标：CSS中，对于font的属性都是可以继承的，
怪：对于table元素，字体的某些元素将不会从body等其他封装元素中继承得到，特别是font-size属性。
4、元素的百分比高度：
标准模式下，高度取决于内容变化，怪异模式下，百分比高度被正确应用。

四、使用data-属性的好处是什么

data-* 属性用于存储页面或应用程序的私有自定义数据。

五、你能描述一下渐进增强和优雅降级之间的不同吗?

优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效.
渐进增强：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时，它们会自动地呈现出来并发挥作用。

六、如果把HTML5看作做一个开放平台，那它的构建模块有哪些？

语义化的标签，头部、底部、内容等