1.文档类型是什么概念，起什么作用？
<!DOCTYPE> 声明此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的HTML 文档。
doctype使浏览器按照dtd指定的渲染方式对页面进行渲染。
html5的声明为<!DOCTYPE html>
2.meta标签的作用
meta是提供关于HTML的元数据，不会显示在页面上，但是对于机器是可读的。
一般被用来规定页面的描述、关键词、文档作者。
元数据可用来浏览器如何显示内容或重新加载页面，用于搜索引擎（关键字。
一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。
属性有charset,content,http-equiv,name,scheme
实例：
```
//实例 1 - 定义文档关键词，用于搜索引擎：
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
//实例 2 - 定义web页面描述：
<meta name="description" content="Free Web tutorials on HTML and CSS">
//实例 3 - 定义页面作者：
<meta name="author" content="Hege Refsnes">
//实例 4 - 每30秒刷新页面：
<meta http-equiv="refresh" content="30">
```
3.标准模式与兼容模式各有什么区别?
标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。
在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
4.Web语义化是什么，是为了解决什么问题?
HTML的每个标签都有其特定含义(语义)
Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。
5.src与href的区别
href是引用和页面关联，是在当前元素和引用资源之间建立联系，会下载并且不会停止对当前文档的处理。
src表示引用资源，表示替换当前元素，用在img，script，iframe上。会暂停其他资源的下载和处理，直至将该资源加载，编译，执行完毕。
6.link和@import的区别
两者都能引用外部CSS
| link | @import |
|---|---|
| link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务； | @import属于CSS范畴，只能加载CSS。 |
| link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务； | @import需要页面网页完全载入以后加载 |
| link引用CSS时，在页面载入时同时加载； | @import需要页面网页完全载入以后加载 |
| link是XHTML标签，无兼容问题； | @import是在CSS2.1提出的，低版本的浏览器不支持。 |
| link支持使用Javascript控制DOM去改变样式； | 而@import不支持 |
7.文件上传时的表单属性
form的enctype属性：
| link | @import |
|---|---|
| application/x-www-form-urlencoded | 在发送前编码所有字符（默认） |
| multipart/form-data | 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。 |
| text/plain | 空格转换为 "+" 加号，但不对特殊字符编码。 |
multipart/form-data将表单的数据处理为一条消息，以标签为单元，用分隔符分开。
既可以上传键值对，也可以上传多个文件。
当上传的字段是文件时，会有Content-Type来表名文件类型;
content-disposition，用来说明字段的一些信息。