经过在好程序员web前端培训一个月，我掌握了HTML5的一些标签的用法和特性，以及一些CSS3的属性的特点和用法。
我运用学到的知识，完成页面的速度和质量有明显的提高。不过，我知道网页的优化书写是没有终点的，并不是说完成了每天的作业就算了事了，在做的过程中，明显有很多内容并没有特别细致的完善。我对自己的成果也不太满意。
学习一个月，下面大概就是一些总结的知识：
1 html标签里的一些文本标签，比如p,h1~h6。
2 html里的表格和表单，并且知道平常一些网站的提交注册信息可以用表格和表单来做。
3然后学习了更简单，标签的语义化，语法更宽松，多设备跨平台，自适应网页设计的html5,html5新增的一些表格和表单标签，例如：<caption>标题内容</caption>，border-collapse:separate（边框分开）/collapse(边框合并）；还有url：专门用来输入URL地址的文本框。如果该文本框中内容不是URL地址格式的，则不允许提交。例：
<input name=‘url1’type=‘url’value=‘’http://www.baidu.com”>
Number：专门用来输入数字的文本框。在提交时会检查其中的内容是否为数字，具有min、max、step的属性。例：<input name=“number1”type=“number”value=“25”min=“10”max=“100”step=“5”/>等。
4，第四个就是比较重要，并且也会经常用到的css里面的选择器，选择器又分了很多种，例如：兄弟选择器：语法：选择器+选择器{属性：属性值}用法：用来选择相邻的后面一个兄弟元素子级选择器：语法：选择器>选择器{属性：属性值}；子级选择器：通过父元素选择子级元素；属性选择器：语法：元素[属性]{属性：属性值}
用法：可以通过一个元素的属性及属性值找到元素等。
5学了一些主流选择器的内核以及代表浏览器。以前从来不关心这一点，现在也知道Trident（MSHTML),IE,Maxthon，腾讯，Theworld世界之窗、360浏览器；Gecko（壁虎）代表作品Mozilla Firefox是开源的Presto（迅速的)代表作品Opera，Prefox是由Opera Software开发的浏览器排版引擎。它也是世界上公认的渲染速度最快的引擎。Webkit Safari内核，Chrome内核原型，他是苹果公司自己的内核，也是苹果的Safari浏览器使用的内核Blink由Google和Opera Software开发的浏览器排版引擎。
6,HTML5的页面结构同HTML4或者更前的HTMLS区别？
一个典型的WEB页面包含头部，脚部，导航，中心区域，侧边栏。现在如果我们想在在HTML4的HTML区域中呈现这些内容，我们可能要使用DIV标签。但是在HTML5中通过为这些区域创建元素名称使他们更加清晰，也使得你的HTML更加可读。
7,以下是形成页面结构的HTML5元素的更多细节：
<header>：代表HTML的头部数据
<footer>：页面的脚部区域
<nav>：页面导航元素
<article>：自包含的内容
<section>：使用内部article去定义区域或者把分组内容放到区域里
<aside>：代表页面的侧边栏内容
8,这里有10个重要的新的表单元素在HTML5中被介绍
1、Color 2、Date 3、Datetime-local 4、Email 5、Time 6、Url
7、Range 8、Telephone 9、Number 10、Search
9,根据相关连接操作设置超链接样式
a:link{color:green;}
a:visited{color:green;}
a:hover{color:red;}
a:active{color:yellow;}
10,CSS的盒子模型
CSS和模型是围绕在HTML元素周围的定义Border(边界)，padding(内边距)和margin(外边距)的矩形空间
Border(边界)：定义了元素包含的最大区域，我们能够使边界可见，不可见，定义高度和宽度等；
Padding(内边距)：定义了边界和内部元素的间距
Margin：定义了边界和任何相邻元素的间距
11,HTML标签是由尖括号包围的关键词，比如<html>，而且标签通常是成对出现的，比如<b>和</b>。标签对中的第一个标签是开始标签，第二个标签是结束标签。浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户。
在接下来的第二阶段中，我会努力学习，不懂就多问老师，争取能在第二阶段取得好成绩！加油！
好程序员官网：http://www.goodprogrammer.org/
|
