【前端必备】一、HTML篇

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，用来说明字段的一些信息。