<!DOCTYPE html>标签
如果你的页面添加了<!DOCTYPE html>,那么浏览器就会按照正常模式渲染.你的页面在所有的浏览器里显示的就都是一个样子了。这就是<!DOCTYPE html>的作用。
如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。
window.top.document.compatMode: //BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。 //CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
head标签
<meta>
meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性
- name
<meta name
=
"keywords"
content
=
"关键字"
> //搜索引擎识别的
<meta name
=
"description"
content
=
"描述"
> //网站描述
- http-equiv
<meta http
-
equiv
=
"Refresh"
content
=
"2;URL=https://www.baidu.com"
>//指定秒数跳转指定页面
<meta http
-
equiv
=
"content-Type"
charset
=
UTF8">
//编码的作用
<meta http
-
equiv
=
"X-UA-Compatible"
content
=
"IE=EmulateIE7"
/
> //兼容
<Link>
<link rel="icon" href="http://www.jd.com/favicon.ico"> //显示标题前的图片
块级元素(block)和内联元素(inline)
块级元素
- 总是在新行上开始;
- 宽度缺省是它的容器的100%,除非设定一个宽度。
- 它可以容纳内联元素和其他块元素
内联元素
- 和其他元素都在一行上;
- 宽度就是它的文字或图片的宽度,不可改变
- 内联元素只能容纳文本或者其他内联元素