共计 2662 个字符，预计需要花费 7 分钟才能阅读完成。
1.<!DOCTYPE> 申明位于文档的最后面，<html> 标签之前，用于告知浏览器文旦应用那种 HTML 或 XHTML 标准(告知浏览器依照何种标准解析页面)
2.img 的 alt 与 title 有何异同？strong 与 em 有何异同：
alt: 为不能显示图片、窗口、或者 applets 的用户代理，alt 属性用来指定替换文字，替换文字的语言有 lang 属性指定。
title: 该属性为设置活该属性的元素提供建议性的信息。
strong：粗体强调标签，强调，示意内容的重要性
em：斜体强调标签，更强烈强调，示意内容的强调点
3.src 与 href 的区别：
src: 替换以后元素，指向内部资源的地位，指向的内容将会嵌套到文档中以后标签所在位置，在申请 src 资源时会将其指向的资源下载并利用到文档内；当浏览器解析到该元素时，会暂停其余资源的下载和解决，直到将该资源加载、编译、执行结束
href：用于字以后文档和援用资源之间确立分割，指向网络资源所在位置，建设和以后元素(锚点) 或以后文档 (链接) 之间的链接，应用时，会并行下载资源并且不会进行对以后文档的解决
4. 块级元素
作用：搭建网页构造
特点：独占一行空间，默认宽度 100%，高度由子元素或内容决定，
能够通过 css 指定其宽度
5. 行内元素：
作用：在构造中填充网页内容
特点：与其余行内元素共享一行空间，宽高由本身决定，因为不用来搭建网页构造，所以也不须要通过 css 指定其宽高，行内元素中不能嵌套块级元素
6.http 协定
(1)http 是一种获取网络资源的通信协定，是在 web 上进行数据交换的根底，申请通常由像浏览器类的接管方发动的；是一种可扩大协定，应用层协定，通过 TCP 或 TLS 加密的 TCP 连贯来发送；
HTTP 报文分为：申请报文和响应报文。
申请报文：客户端想服务端发送申请的信号
响应报文：服务端响应解决后回传给客户端的信号
(2)申请报文：由申请行，申请头，空行，申请体四局部组成，空行的作用时进行分隔，必不可少
申请行：由申请办法，url 和 http 协定版本 3 个字段组成，之间用空格分隔，最初以回车和换行符结尾进行内容分隔，示意接下来的内容不是申请行的内容
申请办法：类型有：get,post,head,put,delete,options,trace,connect. 其中 get，post 最为罕用。
get: 通常用于当客户端要从服务端中读取文档时；申请参数和对应的值时跟在 url 前面，通过问号 (“?”) 和 add 连接符 (“&”) 以及 ”=” 号连贯。要求服务器将 url 定位的资源放在响应报文的数据局部，回送给客户端。因为传递的参数和值存在 url 中，所以 get 办法申请的 http 报文时没有申请体的。不利于数据的窃密和平安。浏览器对地址的字符长度有限度，如果传输的叔比拟大，不宜应用 get 办法。
post：补救了 get 的有余，将要传输的数据封装在报文的申请体中，并对传输的数据大小没有限度，比拟私密和平安
head：偶然用到，服务端承受到 head 申请后只返回响应头，不会发送响应内容，进步了传输效率，当咱们只须要查看某个页面的状态时，应用 head 是十分无效的。
(3) 申请头
由键 / 值对组成，每行一对，键和值用冒号 ”:” 分隔，申请头高柱服务器所有对于客户端申请的信息
(4) 申请体
申请体蕴含申请数据
7.html5 有那些新增个性：
(1)语义化标签：
article: 定义页面独立的内容区域
aside: 定义页面的侧边栏内容
bdi：容许设置一段文本，使其脱离父元素的文本方向设置
command: 定义命令按钮，比方单选按钮，复选框或按钮
details: 用于形容文档或文档某个局部的细节
dialog: 定义对话框，比方提示框
summary: 标签蕴含 details 元素的题目
figure: 规定独立的流内容（图像、图表、照片、代码等等）
figcaption: 定义 figure 元素的题目
footer: 定义 section 或 document 的页脚
header: 定义了文档的头部区域
mark: 定义带有记号的文本
meter: 定义度量衡，仅用于已知最大和最小值的度量
nav: 定义导航链接的局部
ruby: 定义 ruby 正文
rt: 定义字符的解释或者发音
rp: 在 ruby 正文中应用，定义不反对 ruby 元素的浏览器锁显示的内容
section: 定义文档中的节
time: 定义日期或工夫
(2)表单控件
number
date
time
email
url
search
(3) 音频和视频
audio
video
(4) 本地离线存储
localStorage：永恒存储会话数据，除非 removeItem, 否则即便浏览器敞开会话数据也始终存在
sessionStorage：长期保留，会话数据值保留到浏览器敞开
cookies：可自定义会话数据 的生效工夫，个别默认浏览器敞开之后生效
(5) 画布
canvas：定义图形，比方图表和其余图像，使图形容器，必须应用脚本绘制图形
8.SGML,HTML,XML,XHTML 的区别
SGML: 规范通用标记语言，具备非常复杂的文档构造
HTML：超文本标记语言，继承了 SGML 的很多长处，但 HTML 使一种界面技术，语法是不可扩大的
XML 是在 html 和 sgml 的根底上诞生的 XML 应用一个简略而又灵便的规范格局，为基于 web 的利用提供了一个形容数据和替换数据的无效伎俩。XML 是一个 SGML 子集
XHTML: 是一种标记语言，体现形式与超文本标记语言相似，不过语法上更加严格，从继承关系上讲，HTML 是一种基于规范通用标记语言的利用，是一种非常灵活的置标语言，而 XHTML 基于可扩大标记语言
9.link 和 @import 的区别：
(1)所属范畴：link 是 html 标签，@import 是 css 语法
(2) 加载程序：页面加载时，link 标签引入的 css 款式同时被加载，@import 引入的 css 款式等页面加载结束之后再加载
(3) 兼容性：link 不存在兼容性问题，@import 只反对 IE5 以上的版本
10. 如何解决 html5 新标签的浏览器兼容问题？
(1)应用动态资源的 html5shiv 包，用 script 标签引入，载入后初始化新标签的 css
(2)IE6/IE7/IE8 反对通过 document.createElement()创立新标签，利用者以个性能够让浏览器反对 html5 的新标签
11. 对 html 语义化的了解
(1) 使页面内容结构化，便于浏览器、搜索引擎解析
(2) 即便没有 css 款式也能够一种文档格局显示，并容易浏览
(3) 搜索引擎的爬虫依赖于 html 标记来确定上下文和各个关键字的权重，有利于所搜引擎优化