HTML · 前端速查手册

>[success] # 常见的浏览器介绍 <a href="http://tongji.baidu.com/data/browser">浏览器份额</a> ~~~ 浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。 ~~~ >[danger] ##### 浏览器内核 ~~~ 浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。渲染引擎它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。 JS 引擎则是解析 Javascript 语言，执行 javascript语言来实现网页的动态效果。最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多，如加上没什么人使用的非商业的免费内核，可能会有10多种，但是常见的浏览器内核可以分这四种：Trident、Gecko、Blink、Webkit。 ~~~ >[danger] ##### 内核代表浏览器 ~~~ 1.Trident(IE内核) 代表： IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。 2.Gecko(firefox) 代表：Mozilla FireFox(火狐浏览器) 采用该内核 3.webkit(Safari) 代表：傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器， 4.Chromium/Bink(chrome) 代表：谷歌 5.Presto(Opera) 代表：opera ~~~ >[danger] ##### 移动端代表 ~~~ 目前移动设备浏览器上常用的内核有 Webkit，Blink，Trident，Gecko 等，其中 iPhone 和 iPad 等苹果 iOS 平台主要是 WebKit，Android 4.4 之前的 Android 系统浏览器内核是 WebKit，Android4.4 系统浏览器切换到了 Chromium，内核是 Webkit 的分支 Blink，Windows Phone 8 系统浏览器内核是 Trident。 ~~~ >[success] # 了解html * 基本骨架 ~~~ <HTML> <head> <title></title> </head> <body> </body> </HTML> ~~~ >[danger] ##### 骨架中存放的内容 ~~~ 1.HTML标签:是所有的一个根节点。 2.head标签:用于存放：title(必须有的是网页的标题),meta,base,style,script,link 3.body标签：页面在的主体部分，用于存放所有的HTML标签： ~~~ >[danger] ##### 文档类型 ~~~ 1.<!DOCTYPE html> 生是一个html5的页面 ~~~ >[danger] ##### 字符集 ~~~ <meta charset="UTF-8"> 1.utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。 2.gb2312 简单中文包括6763个汉字（国标） 3.BIG5 繁体中文港澳台等用 3.GBK包含全部中文字符是GB2312的扩展，加入对繁体字的支持，兼容GB2312 4.UTF-8则包含全世界所有国家需要用到的字符 ~~~ >[danger] ##### 编写原则 ~~~ 1.先确定语义的HTML ，再选合适的CSS。 ~~~ >[success] # 认识路径 ~~~ 1.相对路径 2.绝对路径 ~~~ >[danger] ##### 相对路径 -- 相对于当前文件本身查找路径 ~~~ 1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src="logo.gif" />。 2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src="img/img01/logo.gif" />。 3. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如<img src="../logo.gif" />。 ~~~ >[danger] #### 绝对路径 ~~~ 1.完整的地址 ~~~