HTML 知识框架

浏览器内核

内核种类

• Trident：1.国内很多的双核浏览器的其中一核便是 Trident，美其名曰 "兼容模式" 2.代表： IE、傲游、世界之窗浏览器、Avant、腾讯 TT、猎豹安全浏览器、360 极速浏览器、百度浏览器

• Gecko：Mozilla FireFox(火狐浏览器) 采用该内核

• Blink：大部分国产浏览器最新版都采用 Blink 内核。

• Webkit ：Safari 是苹果公司开发的浏览器，所用浏览器内核的名称是大名鼎鼎的 WebKit。

定义

1. 渲染引擎(layout engineerRendering Engine)：取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机

2. JS 引擎：JS 引擎 则是解析 Javascript 语言，执行 javascript 语言来实现网页的动态效果。

web 构成

• 结构标准：结构用于对网页元素进行整理和分类，主要包括 XML 和 XHTML 两个部分。

• 样式标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是 CSS。

• 行为标准：行为是指网页模型的定义及交互的编写，主要包括 DOM 和 ECMAScript 两个部分

标签

标签分类

• 双标签 <标签名> 内容 <标签名 />

• 单标签 <标签名 />

标签分类

• 嵌套关系

• 并列关系

字符集

• utf-8 是目前最常用的字符集编码方式

• gb2312 简单中文 包括 6763 个汉字

• BIG5 繁体中文 港澳台等用

• GBK 包含全部中文字符

• UTF-8 则包含全世界所有国家需要用到的字符

常用标签

• 排版标签主要和 css 搭配使用，显示网页结构的标签，是网页布局最常用的标签。

• 标题标签　＜ｈ１＞　＜ｈ２＞　　＜ｈ３＞　＜ｈ４＞　　＜ｈ５＞　＜ｈ６＞

• 段落标签　＜ｐ＞文本内容　＜／ｐ＞

• 水平线标签　＜／ｈｒ＞是单标签

• 换行标签　＜／ｂｒ＞

• div span 标签（布局盒子）　＜ｄｉｖ＞这是头部＜／ｄｉｖ＞　＜ｓｐａｎ＞今日价格＜／ｓｐａｎ＞

• 文本格式化标签　：1.b i s u 只有使用 没有 强调的意思　2.strong em del ins 语义更强烈

• 标签属性　<标签名 属性 1="属性值 1" 属性 2="属性值 2" …> 内容

• 链接标签

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

• 锚点定位　：1.使用“a href=”#id 名>“链接文本"创建链接文本　2.使用相应的 id 名标注跳转目标的位置

• 特殊字符标签 注释标签

<!-- 注释语句 -->

• 路径：

• 1.相对路径：

1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src= "logo.gif" />。2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img srC= "img/img01/logo.gif" />.3. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如<img src=" .og.gifi／＞

• 2.绝对路径

"D:\web\img\logo.gif" ， 或完整的网络地址，例如"http://www.itcast .cn/images/logo.gif"。