【前端必备】一、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`将表单的数据处理为一条消息，以标签为单元，用分隔符分开。  
&emsp;&emsp;既可以上传键值对，也可以上传多个文件。  
&emsp;&emsp;当上传的字段是文件时，会有Content-Type来表名文件类型;  
&emsp;&emsp;content-disposition，用来说明字段的一些信息。
posted @ 2019-03-27 15:56  鱼桑燕子梁  阅读(301)  评论(0)  编辑  收藏  举报