HTML知识框架　一

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第20天，点击查看活动详情 >>

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.相对路径：

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

• 2.绝对路径

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