!DOCTYPE的作用？-阿里云开发者社区

!DOCTYPE的作用？

2023-07-11 39

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： html文件中，我们常见开头的这一句代码，这句代码究竟有什么作用呢？doctype是文档类型的意思，\<!DOCTYPE html>: 声明文档类型。很久以前，早期的 HTML(大约 1991 年 2 月)，文档类型声明类似于链接，规定了 HTML 页面必须遵从的良好规则，能自动检测错误和其他有用的东西，使用如下：

一省：HTML

2. !DOCTYPE的作用？

<!DOCTYPE html>

html文件中，我们常见开头的这一句代码，这句代码究竟有什么作用呢？
doctype是文档类型的意思，\<!DOCTYPE html>: 声明文档类型。很久以前，早期的 HTML(大约 1991 年 2 月)，文档类型声明类似于链接，规定了 HTML 页面必须遵从的良好规则，能自动检测错误和其他有用的东西，使用如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

然而这种写法已经过时了，这些内容已成为历史。只需要知道 \<!DOCTYPE html> 是最短有效的文档声明。—— MDN

二省： CSS

2. css选择器的优先级以及权重？

优先级：
!important > 行内样式 > id选择器 > 类选择器 == 属性选择器 == 伪类选择器 > 标签选择器== 伪元素选择器 > 通配符选择器 == 继承
权重：

!important: ∞无穷大
行内样式：1000
id选择器：100
类、属性、伪类选择器： 10
标签、伪元素选择器： 1
通配符、继承：0

三省：JavaScript

2. 数据类型检测有哪些方法？

typeof

console.log(typeof 10); //number
console.log(typeof '10'); //string  
console.log(typeof false); //boolean
console.log(typeof {
     }); //object
console.log(typeof []); //object
console.log(typeof null); //object
console.log(typeof undefined); //undefined
console.log(typeof (function(){
     })); //function
console.log(typeof Symbol());// symbol

instanceof

console.log(10 instanceof Number); //false
console.log("10" instanceof String); //false
console.log(false instanceof Boolean);// false
console.log(Symbol() instanceof Symbol)//false
console.log([] instanceof Array); //true
console.log({
     } instanceof Object); //true
console.log((function(){
     }) instanceof Function);// true

instanceof无法检测基础数据类型，只能检测引用数据类型。instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

constructor

console.log((10).constructor === Number)//true
console.log(("10").constructor === String)//true
console.log((false).constructor === Boolean)//true
console.log(({
     }).constructor === Object)//true
console.log(([]).constructor === Array)//true
console.log((function(){
     }).constructor === Function)//true
console.log(Symbol().constructor === Symbol)//true

注意：对象的constructor是可以被改变的。

Object.prototype.toString()

console.log(Object.prototype.toString.call(10)); // [object String]
console.log(Object.prototype.toString.call("10")) ;    // [object Number]
console.log(Object.prototype.toString.call(true)) ; // [object Boolean]
console.log(Object.prototype.toString.call(Symbol())); //[object Symbol]
console.log(Object.prototype.toString.call(undefined)) ; // [object Undefined]
console.log(Object.prototype.toString.call(null)) ; // [object Null]
console.log(Object.prototype.toString.call(new Function())) ; // [object Function]
console.log(Object.prototype.toString.call([])) ; // [object Array]
console.log(Object.prototype.toString.call({
     })) ; // [object Object]

toString() 方法返回一个表示该对象的字符串。toString() 可以与每个对象一起使用，并且（默认情况下）允许你获得它的类。以这种方式使用 toString() 是不可靠的；对象可以通过定义 Symbol.toStringTag 属性来更改 Object.prototype.toString() 的行为，从而导致意想不到的结果。例如：
```javascript
const myDate = new Date();
Object.prototype.toString.call(myDate); // [object Date]

myDate[Symbol.toStringTag] = "myDate";
Object.prototype.toString.call(myDate); // [object myDate]

Date.prototype[Symbol.toStringTag] = "prototype polluted";
Object.prototype.toString.call(new Date()); // [object prototype polluted]
```
—— MDN