国内常用浏览器：
IE浏览器内核：Trident内核，也是俗称的IE内核；
Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；
Firefox浏览器内核：Gecko内核，俗称Firefox内核；
苹果Safari浏览器内核：Webkit内核，特点是不受IE、Firefox等内核的约束，比较安全；
Opera浏览器内核：最初是自己的Presto内核，后来加入谷歌大军，从Webkit又到了Blink内核；
360浏览器、猎豹浏览器内核：IE+Chrome双内核；
搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；
百度浏览器、世界之窗内核：IE内核；
2345浏览器内核：好像以前是IE内核，现在也是IE+Chrome双内核了；
10UC浏览器内核：这个众口不一，UC说是他们自己研发的U3内核，但好像还是基于Webkit和Trident，还有说是基于火狐内核。
网页结构
<!DOCTYPE html> 声明是html文件 ,防止出现乱码
<!-- html 根标签 一个页面只有一个根标签，所有的内容都要写在根标签内-->
<html lang="en">
<head>
head标签 里面内容，用户是看不到的，给浏览器看的，可以辅助浏览器来解析代码
<meta charset="UTF-8"> 解决乱码问题
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 按照浏览器最高版本编译 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 设置完美视口，一般是配合移动端的网站 -->
<title>Document</title> 网页标题
</head>
<body>
主题内容
</body>
</html
常用标签
标题标签 <h1></h1>——<h6></h6>
语义：用标题标签包裹的内容就是标题
作用：也可以帮助SEO部门做推广，语义作用重要性仅次于title标签，
而且h1-h6语义是逐步降低的，h1语义最重，一般情况下，一个页面只有一个h1
我们常用的是h1-h3
默认样式：字体有加粗，h1-h6,字体是逐步减小，标题标签是独占一行；
行与行之间有较大的间隔
<h1>一级标题标签</h1>
<h2>二级标题标签</h2>
......
.....
<h6>六级标题标签</h6>
<p>段落标签</p>
段落标签
语义：段落标签用于表示内容中的一个自然段
默认样式:
独占一行，行与行之间有较大的间隔
注意：
特殊的标签，它只能用来包裹文字或者图片
强调标签
<em></em>强调斜体标签
语义：语音语调的一个加重强调
默认样式：
字符变斜体、不会独占一行
<strong></strong> 强调粗体标签
语义：表示强调，内容重要性强调
默认样式：
字符加粗、不会独占一行
强制换行标签
<br> 单标签
分割线标签
<hr> 单标签
删除标签
<del></del> 使用del标签来表示一个删除的内容
centen 居中效果 /独占一行
div标签：
div 布局的没有意义的元素/标签
默认样式：独占一行
span标签
span 没有任何语义，
一般就用来包裹文字，不会独占一行
图片标签：
使用img标签来向网页中引入一个外部图片，
img标签也是一个自结束标签（单标签）
img这种元素属于替换元素（基于块和行内元素之间，具有两种元素的特点）
src 引入图片的路径
绝对路径 无论你的html文件在哪里，只要写对地址，图片肯定能引进来
相对路径 写的路径地址跟你的html文件位置有关
./ 你的html文件跟引入图片在同一目录下 默认就是./,可以省略
../ 你的html文件跟引入图片在不同一目录下 ，需要跳出当前目录,
如果当前目录还没有，继续../跳出，直到找到为止
alt 对图片的描述，帮助浏览器收录图片，有一定的seo效果
当图片引入不成功的时候，alt就会出现
width 控制图片的宽度
height 控制图片的高度
注意：一般不会同时设置宽高,只需要设置宽度或者高度，额外的宽高会自适应调整
src 和 alt 必须，其他可以省略 alt 图像代替文字
<img src="图片地址" alt="当图像不可用时，以文字显示">
484
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
