《WEB前端全栈成长计划第一阶段》第二章——初识HTML

一、WEB标准

a)       WEB开发的标准：

                     i.            WEB应用开发需要遵循的标准。这里的Web标准是一系列标准的集合。网页主要由三个部分构成

                    ii.            结构标准：XML，HTML，XHTML

                  iii.            表现标准：CSS

                  iv.            行为标准：DOM，Javascript

b)       HTML：HTML用来构成网页的内容。内容就是网页制作者放在页面上相让用户浏览的信息，例如文字，图片，视频等。简单来说就是用来定义网页的内容。

c)        CSS：CSS决定了网页样式的展现，就是内容的表现形式，例如字体的颜色，背景的样式，标题的大小等等。

d)       Javascript：Javascript用来定义网页的交互，控制网页的行为。例如弹出弹框，页面打开关闭，输入内容的提示等等。

二、标签

a)       HTML是由一系列标签组成的，每个标签是以“<”和“>”包裹的单词，通常称之为元素。

b)       标签的种类

                     i.            单标签：只有一个标签就能表达完整的含义。例如：<input />，<img />

                    ii.            双标签：由开始标签和结束标签一起组成。例如：<div></div>，<span></span>

c)        元素：一对标签包含的所有内容，其中元素的内容是指开始标签和结束标签之间的内容。例如：<div>你幸福吗？</div>

d)       属性：标签可以有很多属性，属性总是在开始标签中定义，而且是以名值对的形式出现，其中属性值以双引号包裹。例如：<div>我姓张</div>

三、HTML发展史

a)       HTML概念：超文本标记语言（HyperText Markup Language），是用来构建网页的一种标记语言。

b)       HTML历史

                     i.            1993年由互联网工程工作小组（IETF）发布草案

                    ii.            1995年发布HTML2.0版本

                  iii.            1997年1月14日由W3C发布HTML3.2版本

                  iv.            1997年12月18日由W3C发布HTML4.0版本

                    v.            1999年由W3C发布HTML4.01版本

                  vi.            2000年由W3C发布XHTML1.0版本，它是一种更严格的HTML代码。

c)        HTML5：2014年W3C发布的最新版本，增加新的特性，给用户带来更丰富的交互体验。

d)       XHTML

                     i.            关系：XHTML是可扩展超文本标记语言，是一种更严格，更纯净的HTML语言。

                    ii.            主要不同点：

1.        XHTML元素必须被正确的嵌套

2.        XHTML元素必须被正确地关闭

3.        标签名必须用小写字母

4.        XHTML文档必须拥有根元素

e)       HTML语义化

                     i.            HTML5中仅增加了很多语义化标签，不同的标签代表了不同的网页内容。

                    ii.            优势

1.        语义化HTML会使HTML结构变得清晰，有利于代码的维护。

2.        有利于搜索引擎抓取

3.        语义化使代码仍具可读性

4.        语义化会使HTML代码变得简洁，提高页面加载速度

5.        语义化有助于屏幕阅读器等设备的识别