一、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骨架标签
<html>
<head>
<title>这里是标题名称</title>
</head>
<body>
</body>
</html>
2.2 HTML标签分类
（1）单标签：<img>、<hr>、<br>
（2）双标签<h1>-</h6> 、<a href=""></a>、<span></span>、<div></div>、<strong></strong>
2.3 HTML标签关系
（1）嵌套关系【父子关系】
（2）并列关系【兄弟关系】
2.4 文档类型<!DOCTYPE html>
作用：声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
就是告诉浏览器按照HTML5 规范解析页面.
2.5 页面语言lang
作用：指定html 语言种类
属性值：（1）en定义语言为英语
（2）zh-CN定义语言为中文
2.6 meat指定字符集
<meat charst="utf-8">
字符集(Character set)是多个字符的集合。
计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。
常见字符集
（1）utf-8 目前最常用的字符集编码方式
（2）GBK 国标扩展
（3）BIG5 繁体字字符集
（4）GB2312 简体中文
2.7 HTML标签的语义化
含义：根据标签的语义，在合适的地方给一个最为合理的标签，让结构更清晰。
好处：
方便代码的阅读和维护
同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容
使用语义化标签会具有更好地搜索引擎优化（SEO）
三、HTML常用标签
3.1排版标签
（1）标题标签 <h1>~</h6>
(2）段落标签 <p> paragraph 段落 [ˈpærəgræf] 无须记这个单词
(3) 水平线标签 <hr> 单词缩写： horizontal 横线 [ˌhɔrəˈzɑntl] 同上
(4) 换行标签br (熟记) break
(5) div 和 span标签(重点)
div span 是没有语义的
div是块级元素、span是行内元素
3.2文本格式化标签(熟记)
3.3 图像标签img (重点)
<img src="路径/地址" title="鼠标悬停在图片上显示的文字" alt="图片显示不出来时显示的文字">
3.4 链接标签
单词缩写： anchor 的缩写 [ˈæŋkə(r)] 。基本解释 锚, 铁锚 的
<a href="跳转地址/链接" target="_self(当前页面 默认值) / _blank(在新的标签页打开)">
3.5路径
（1）相对路径：目标文件相对于自己的路径。
（2）绝对路径：相对于盘符的路径。
网友评论