本文剖析了前端开发的基础概念，包括主流浏览器内核如Trident、Blink、Gecko等，详解HTML标签的分类与属性使用，助你快速掌握前端核心知识。
在初学前端的时候，很多人都会被一堆的标签吓到，而且有的是一对，而有的却只有一个，傻傻的分不清楚，历经千辛万苦，好不容易学会了吧，然后又要为不同的浏览器的兼容性头痛，明明做完是好的，为什么换了个浏览器就不行了呢，或者同样的浏览器为什么显示样式就是不同呢，天呐，各种的问题，想想都要崩溃。
不要怕，不要怕！我们的口号是什么：要效率，不要崩溃！我来带你一一分析，当你了解了它们的核心，你就会发现其实前端并没那么难。
主流浏览器内核
浏览器内核也称为“渲染引擎”，用来解析HTML语法并进行渲染，W3C虽然规定了标准，但最终还是浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息，不过，除了IE以外，目前主流的浏览器内核都已经比较完美的支持W3C标准了。
ie——trident
chrome——以前是webkit现在是blink
firefox——gecko
safari——webkit
opera——最早presto后来webkit现在blink
什么是HTML标签
HTML叫做超文本标记语言，标记的作用就是用来描述网页内容的，浏览器通过解析这些标记来构成一个完整的网页并最终呈现出我们所看到的样子，在HTML语言中我们把 网页中的这些标记就称之为HTML标签，多数的HTML标签是由开始标签和结束标签组成，我们可以称为双标签，还有一少部分的HTML标签，开始和结束是一体的，我们可以称为单标签。
双标签
开始标签是被尖括号包围的标签名。
结束标签是被尖括号包围的斜杠和标签名。
格式：
<标签名>内容</标签名>
<h1>文本标题</h1>
<p>文本内容</p >
单标签
单标签的开始和结束是由一个标签构成的，即是开始也是结束，但根据XHTML的规范，标签一定要有结束，于是用符号斜杠来表示结束。
格式：
<br />
<hr />
标签属性
每个标签都有其默认的含义，如果想让标签有更多的细节描述，可以利用标签属性。比如段落标签<p>，如果需要设置字体颜色，我们就可以使用color属性。
格式：
<标签名 属性名="属性值">
<p color="red">文本内容</p >
注意：
-
属性可以有0个，也可以有多个。
-
属性值可以写在双引号中，也可以写在单引号中，还可以不加引号，但是建议统一使用双引号。
-
HTML中标签很多，有些属性是标签独有的，有些是通用的 ，需要注意的是<html>，<head>，<base>，<meta>， <script>，<style>，<title>这些标签不提供class属性 ，id属性，style属性，title属性。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
