一、HTML与Web标准
1.1五大浏览器厂商以及浏览器内核
浏览器 内核 备注
Chrome Blink Blink 其实是 WebKit 的分支。在WebKit 上二次开发
IE Trident IE、猎豹安全、360极速浏览器、百度浏览器
Safari Webkit 从Safari推出之时起,它的渲染引擎就是Webkit。
Firefox Gecko 使用不多。打开速度慢、升级频繁。
Opera Blink 现在跟随chrome用blink内核。
移动端的浏览器内核主要说的是系统内置浏览器的内核。
Android手机而言,使用率最高的就是Webkit内核,大部分国产浏览器宣称的自己的内核,基本上也是属于webkit二次开发。
iOS以及WP7平台上,由于系统原因,系统大部分自带浏览器内核,一般是Safari或者IE内核Trident的
1.2Web标准组成(重点)
构成: 主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
好处:
遵循web标准可以让不同我们写的页面更标准更统一外,还有许多优点
1、让Web的发展前景更广阔 2、内容能被更广泛的设备访问3、更容易被搜寻引擎搜索4、降低网站流量费用5、使网站更易于维护6、提高页面浏览速度
二、认识HTML
2.0 HTML 初识
( 1 )HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。
( 2 )HTML 不是一种编程语言,而是一种标记语言 (markup language)
( 3 )标记语言是一套标记标签 (markup tag)
2.1 HTML骨架标签
2.2 HTML标签分类
(1)单标签:、
、
(2)双标签
- 、、、、
2.3 HTML标签关系
(1)嵌套关系【父子关系】
(2)并列关系【兄弟关系】
2.4 文档类型
作用:声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
就是告诉浏览器按照HTML5 规范解析页面.
2.5 页面语言lang
作用:指定html 语言种类
属性值:(1)en定义语言为英语
(2)zh-CN定义语言为中文
2.6 meat指定字符集
字符集(Character set)是多个字符的集合。
计算机要准确的处理各种字符集文字,需要进行字符编码,以便计算机能够识别和存储各种文字。
常见字符集
(1)utf-8 目前最常用的字符集编码方式
(2)GBK 国标扩展
(3)BIG5 繁体字字符集
(4)GB2312 简体中文
2.7 HTML标签的语义化
含义:根据标签的语义,在合适的地方给一个最为合理的标签,让结构更清晰。
好处:
方便代码的阅读和维护
同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容
使用语义化标签会具有更好地搜索引擎优化(SEO)
三、HTML常用标签
3.1排版标签
(1)标题标签
~
(2)段落标签
paragraph 段落 [ˈpærəgræf] 无须记这个单词
(3) 水平线标签
单词缩写: horizontal 横线 [ˌhɔrəˈzɑntl] 同上
(4) 换行标签br (熟记) break
(5) div 和 span标签(重点)
div span 是没有语义的
div是块级元素、span是行内元素
3.2文本格式化标签(熟记)
3.3 图像标签img (重点)
3.4 链接标签
单词缩写: anchor 的缩写 [ˈæŋkə(r)] 。基本解释 锚, 铁锚 的
3.5路径
(1)相对路径:目标文件相对于自己的路径。
(2)绝对路径:相对于盘符的路径。