HTML5基础（一）

①charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。

常见的字符编码有：gb2312、gbk、unicode、utf-8。

各个字符编码含义： 
gb2312：代表国家标准第2312条，其中是不包含繁体的（虽然咱们不怎么使用繁体了，但是台湾还在使用繁体啊。那怎么办呢？）。 
gbk：国家标准扩展版（增加了繁体，包含所有亚洲字符集）。 
unicode：万国码（字面意思你也懂的）。 

**utf-8：**unicode的升级版。

②链接格式

<a href="http://www.runoob.com">这是一个链接使用了 href 属性</a>

<a href="http://www.baidu.com">百度网址 </a>

③图片插入

<img src="/images/logo.png" width="258" height="39" />

 图像的名称和尺寸是以属性的形式提供的。

④标签

  

⑤空元素

空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障

⑥大小写问题

HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。

万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写

⑦注释

<!--这是一个注释，注释在浏览器中不会显示-->

⑧定义水平线

<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />

<p>这是段落。</p>

⑨

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释：元素可拥有负的 z-index 属性值。

注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

⑩SVG

• SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
• SVG 用来定义用于网络的基于矢量的图形
• SVG 使用 XML 格式定义图形
• SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
• SVG 是万维网联盟的标准
• SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体