“程”风破浪的开发者|HTML 知识框架整理
HTML 知识框架
浏览器内核
内核种类
Trident:1.国内很多的双核浏览器的其中一核便是 Trident,美其名曰 "兼容模式" 2.代表: IE、傲游、世界之窗浏览器、Avant、腾讯 TT、猎豹安全浏览器、360 极速浏览器、百度浏览器
Gecko:Mozilla FireFox(火狐浏览器) 采用该内核
Blink:大部分国产浏览器最新版都采用 Blink 内核。
Webkit :Safari 是苹果公司开发的浏览器,所用浏览器内核的名称是大名鼎鼎的 WebKit。
定义
渲染引擎(layout engineerRendering Engine):取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机
JS 引擎:JS 引擎 则是解析 Javascript 语言,执行 javascript 语言来实现网页的动态效果。
web 构成
结构标准:结构用于对网页元素进行整理和分类,主要包括 XML 和 XHTML 两个部分。
样式标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是 CSS。
行为标准:行为是指网页模型的定义及交互的编写,主要包括 DOM 和 ECMAScript 两个部分
标签
标签分类
双标签 <标签名> 内容 <标签名 />
单标签 <标签名 />
标签分类
嵌套关系
并列关系
字符集
utf-8 是目前最常用的字符集编码方式
gb2312 简单中文 包括 6763 个汉字
BIG5 繁体中文 港澳台等用
GBK 包含全部中文字符
UTF-8 则包含全世界所有国家需要用到的字符
常用标签
排版标签主要和 css 搭配使用,显示网页结构的标签,是网页布局最常用的标签。
标题标签 <h1> <h2> <h3> <h4> <h5> <h6>
段落标签 <p>文本内容 </p>
水平线标签 </hr>是单标签
换行标签 </br>
div span 标签(布局盒子) <div>这是头部</div> <span>今日价格</span>
文本格式化标签 :1.b i s u 只有使用 没有 强调的意思 2.strong em del ins 语义更强烈
标签属性 <标签名 属性 1="属性值 1" 属性 2="属性值 2" …> 内容
链接标签
锚点定位 :1.使用“a href=”#id 名>“链接文本"创建链接文本 2.使用相应的 id 名标注跳转目标的位置
特殊字符标签 注释标签
路径:
1.相对路径:
2.绝对路径
评论