《HTML5和CSS3基础教程》-笔记1

笔记（第一、二章整合）

１，HTML思想：

编写HTML是为网页内容打上能够描述它们的标签。并且，HTML元素描述的是：内容是什么，而非看起来是什么样。

即：

ａ，HTML：用标签去说明网页内容的含义。

ｂ，语义化HTML：用最恰当的HTML元素去说明网页内容的含义。

ｃ，结构和表现完全分离。网页内容是什么，由HTML说明。网页内容什么样，由CSS说明。

另：为什么语义化很重要？

无障碍访问；搜索引擎优化（网页在搜索引擎的排名会靠前）；更容易维护代码和添加样式。

２，网页构造块：

网页可保存为纯文本，主要分为三部分：文本内容，对其它文件的引用和标记。

a，文本内容：

字符编码类型选择（专题讨论）。

b，对其它文件引用：

使用引用来加载图像、音频、视频文件，样式表，JavaScript文件，引用还可指向其它HTML页面和资源。

另：HTML5中提供了<audio>和<video>标签，因而浏览器不用插件就可以播放视频。

c，标记：

包括HTML标签（标记标签），元素，属性，值及其它。

HTML标签：单标签和双标签。

元素：开始标签+内容+结束标签。特殊元素：空元素，空元素不包含任何文本内容。

另：父元素和子元素（这种结构为HTML代码的关键特性）：如果一个元素包含另外一个元素，它就是父元素，被包含元素则为子元素。子元素中所包括的任何元素都是外层的父元素的后代。

属性：包含了元素的额外信息。一个元素可以拥有多个属性，各个属性有各自的值。

3，基本的HTML页面

View Code

4，其它内容：

a，文件名（文件夹=目录）：HTML文件文件名全部使用小写字母，用短横线分隔单词，用.html或.htm做后缀名。

b，URL（统一资源定位符）：

（1）例：模式                  主机名                     路径

            HTTP: //       www.site.com/        tofu/         index.html

                                                            目录           文件名

 （2）绝对URL和相对URL：同一网站网页链接用相对链接，其它网站网页链接用绝对链接。

c，浏览器对网页的默认显示效果：

（1）每个浏览器都有一个内置的CSS文件（一张样式表）：决定了HTML元素的默认样式。

（2）块级元素和行内元素的样式是浏览器的默认样式，而不是自身拥有。

（3）HTML5废除了块级元素和行内元素这些术语，因为这些术语把元素和表现关联起来，而HTML不负责表现。（通常，旧的行内元素在HTML5中都被归类为短语内容）

 另：HTTP协议做专题讨论。

总结：

巩固：

1，HTML思想：用语义化标签去描述网页内容含义，结构和表现完全分离。

2，HTML基本页面。

3，如何用标签去编写网页。

扩展：

1，HTML5变化：

a，响应式布局，同一网页可在不同设备适应性显示。

另：文档头部增加了对于不同设备接口的声明。

b，页面结构化，增加了一些具有语义的结构性标签，使HTML代码语义化，更具结构性。（SEO：搜索引擎优化）

另：HTML元素语义分类：结构性标签，级块性标签，行内语义性标签，交互性标签。

结构性标签：主要负责Web上下文结构的定义，确保HTML文档的完整性。主要有：section，header，footer，nav，article等。

级块化标签：主要完成Web页面区域的划分，确保内容的有效分隔。主要有aside，figure，code，dialog等。

行内语义性标签：主要完成Web页面具体内容的引用和表述，是丰富内容展示的基础。主要有：meter，time，progress，video，audio等。

交互性标签：主要用于功能性的内容表达，会有一定的内容和数据的关联，是各种事件的基础。主要有：details，datagrid，menu，command等。

c，HTML：表单进化，DOCTYPE简化，字符集声明简化，HTML5 API，无插件视频播放，可访问性；CSS：对圆角、阴影、渐进等特效的快速处理方法等等。

2，HTML5学习重点：HTML文本结构化，页面布局响应式，HTML5 API应用（应用程序接口），代码兼容性，编程经验。

3，相关概念：

Web OS：浏览器即操作系统。

Web应用：网页应用开发，好处多。

瘦服务器：将服务端相关操作转移到客户端，使HTML5拥有更强大功能。

云计算：打破浏览器-服务器模式，趋势，待详细了解。

移动端HTML5技术

4，固有思想：

结构和表现完全分离。HTML5标准制定更注重这一思想。

代码兼容性问题。要累积编程经验。

附：书单改变为：《HTML5和CSS3基础教程》，《HTML5权威指南》，（《HTML5程序设计》粗看），《JavaScript高级程序设计》，《响应式布局》，《JavaScript权威指南》。

代码：本章无。

相关专题：

1，字符编码类型和语言指定。

2，HTTP协议。

3，如何规划网站。

4，如何查看网页中的HTML、CSS和JavaScript代码。

5，Sublime-text3的使用。

6，云概念，云计算。