页面重构基础（一）
1．什么是HTML
a) HTML是超文本标记语言，目的是“建设网页，或网页中显示的信息”。HTML用来结构化信息，比如段落、标题等标签。
b) HTML文件的后缀名是.html，不过现在有其他的后缀名也可以显示成网页，比如.jsp，.php
2．HTML发展历程
a) HTML最初语法并不严格，经过逐渐发展，渐渐成为国际标准，有W3C来维护。
b) 1999年，W3C推出HTML4.01版本。
c) 在2014年9月30日推出了HTML5，添加了动画、视频等功能，减少了浏览器对flash的需要。希望大家不要说H5，而是用HTML5。
3．XHTML发展历程
a) 是基于XML和HTML发展的语法模式，语法规则较为严格
b) 在2000年首次发布
c) 目前是XHTML5版本，基于HTML5。
4．编码与文档类型
a) 编码利用<meta>命令，目前HTML5，只需要写“<meta charset=”utf-8”>”
b) <!DOCTYPE>:这是个声明，告诉浏览器这是什么HTML版本，目前的HTML5只需写<!DOCTYPE>，HTML4.1需要在其中另加信息。
5．HTML字符实体
a) 在HTML中有些字符是预留的，比如<>。所以需要用字符实体来显示我们需要的字符。
b) 常用：<:< >:> &:& 空格:
6．HTML标签语法
a) 都是用<>括起来的，大多数都是成对出现，比如<body></body>;不成对出现的有<input />
b) 标签的大小写无关，但推荐全部用小写。
7．HTML注释
a) 注释部分不会在页面中显示，用“<!--文本-->”格式
8．元素类型
a) 有块元素，内联元素和可变元素
b) 可变元素可根据上下文语境来决定他是块元素还是内联元素。有<button>、<object>、<map>
9．块元素与行内元素
a) 块元素会在新行显示，独占一行。可以加宽高，一般用margin，float来布局。常见块元素：<div>、<form>、<td/tr>、<p>、<h1>、<ul>、HTML5的语义化标签
b) 行内元素会跟随在上一个元素后面，不会另起一行。加宽高无效，可以在他的父元素加text-align来布局。常见元素：<span>、<a>、<em>、<strong>、<input>、<img>(通常会转成块级元素，定义宽高)、<textarea>
c) 可以通过display:block/inline/inline-block。Inline-block的元素是以内联的方式呈现，但可以定义宽高。
10．常见标签
a) <form> 表单、<p> 段落、<ul> 列表
b) HTML5:<header>、<footer>、<aside>、<nav>
浙公网安备 33010602011771号