- 说说你对标签语义化的理解：
好的语义化的网站标准就是去掉样式表文件之后，结构依然清晰。
概念：根据内容语义化，选择合适的标签。
意义：1、网页结构合理。
2、有利于seo和搜索引擎建立良好沟通，这样容易被搜索引擎抓取。
3、方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
4、便于团队开发和维护。
- Doctype的作用?严格模式与混杂模式如何区分?他们有何意义?
作用是声明文档类型，告诉浏览器以何种模式来渲染文档。
严格模式排版：以该浏览器的最高标准运行。
混杂模式：页面以向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。
doctype不存在或者格式不正确会导致文档已混杂模式呈现。
- 说出几种Doctype文档类型。
1.HTML5的DTD（文档类型定义）
2.HTML 4.01Strict：该DTD包含所有HTML元素和属性，但不包括展示性和弃用的元素。不允许框架集（Framesets）。
3.HTML 4.01 Transitional：该DTD包含所有HTML元素和属性，包括展示性的和弃用的元素。不允许框架集（Framesets）。
4.HTML 4.01 Frameset：该DTD等同于HTML4.01Transitional，但允许框架集内容。
a. Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，
b. Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。
- HTML与XHTML区别：
1. XHTML 元素必须被正确地嵌套。
2. XHTML 元素必须被关闭。
3. 标签名必须用小写字母。
4. XHTML 文档必须拥有根元素。
- H5新增的语义化标签：
1). header 页面头部
2). footer 页面脚步
3). nav 导航
4). section 用来划分页面上的不同区域
5). article 用来表示页面上一套完整且独立的内容部分
6). aside 侧边栏，和主题相关的侧边栏
- 使单行文本溢出出现省略号的样式：
overflow:hidden;
white-space:nowarp;
text-overflow:ellipsis;
- z-index无效问题的产生情况及解决办法：
引起其无效的可能有三种情况：
a. 父标签position属性为relative;
b.问题标签无定位；
c.问题标签含有float属性；
解决办法:
a.=>改成absolute
b.=>定位
c.=>清除浮动
- HTML5有哪些新特性、移除了那些元素？
新特性：
1).绘画canvas
2).本地存储localStorage和sessionStorage
3).用于媒介回放的video和audio元素
4).新增了一些语义化标签，如nav,footer
5).表单控件，calendarmdate,time,email,url,search
6).新技术webworker(专用线程)
7).websocket
8).地理定位
移出：
一些纯表现的元素：
<basefont><u><big><strike><tt>等
框架集：
<frameset><noframes><frame>
- 简述一下src与href的区别：
1).src用于替换当前元素；href用于在当前文档和引用资源之间确立联系。
2).src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置
3).href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接
- px em rem的区别：
1）px 像素（Pixel）。绝对单位。像素 px 是相对于显示器屏幕分辨率而言的，
是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果 px 要换算成
物理长度，需要指定精度 DPI。
2）em 是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文
本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。它会继承父级
元素的字体大小，因此并不是一个固定的值。
3）rem 是 CSS3 新增的一个相对单位（root em，根 em），使用 rem 为元素
设定字体大小时， 仍然是相对大小，但相对的只是 HTML 根元素。
4）区别：IE 无法调整那些使用 px 作为单位的字体大小，而 em 和 rem 可
以缩放，rem 相对的 只是 HTML 根元素。这个单位可谓集相对大小和绝对大
小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小
，又可以避免字体大小逐层复合的连锁反应。目前，除了 IE8 及更早版本外
，所有浏览器均已支持 rem。
