HTML5规范明确指出：使用元素应该完全从元素的语义出发。但这类元素中有些元素的含义非常明确，有些则比较含糊。在元素的使用上最好做到“将呈现工作交给CSS打理”，但这并不是绝对的，有时候只要保持HTML文档中的一致性就好。
生成超链接
a元素用于生成超链接，a元素有6个局部属性：
1）href：指定a元素所指资源的URL；
2）hreflang：说明所链接资源使用的语言；
3）media：说明说链接资源用于哪种设备，同style元素的media属性；
4）rel：说明文档与所链接资源的关系类型，同link元素的rel属性；
5）target：指定用于打开所链接资源的浏览环境；
6）type：说明所链接资源的MIME类型（比如text/html）。
生成指向外部的超链接
| <body> I like <a href="http://en.widipedia.org/wiki/Apples">apples</a> and <a href="http://en.wikipeida.org/wiki/Orange_(fruit)">oranges</a>. </body> |
URL中用得最多的协议就是http，但浏览器也支持其它协议，例如：https和ftp。如果想引用一个电子邮箱地址，可以使用mailto协议，如：mailto:adam@mydomain.com。
使用相对URL
| <body> ...... You can see other fruits I like <a href="fruitlist.html">here</a>. </body> |
默认情况下，浏览器会假定目标资源与当前文档位于同一位置，不过可以通过base元素提供一个基础URL加以改变。
生成内部超链接
该方式用于将统一文档中的另一个元素移入视野，需要是使用ID选择表达式：#<id>。
| <body> ...... You can see other fruits I like <a href="#fruits">here</a>. ...... <p id="fruits"> I also like bananas, mangoes, cherries, apricots, plums, peaches and grapes. </p> </body> |
用户点击链接，文档就会滚动到能看到id为fruits的元素的位置。
设置浏览环境
target属性用于告诉浏览器希望将所链接的资源显示在哪里。默认情况下，浏览器使用当前文档的窗口、标签页或窗框，所以新文档会取代现在显示的文档，但你可以设置其它值：
1）_blank：在新窗口或标签页中打开文档；
2）_parent：在父窗框（frameset）中打开文档；
3）_self：在当前窗口中打开文档（默认）；
4）_top：在顶层窗口打开文档；
5）<frame>：在指定窗框中打开文档，这里的<frame>是表示窗口的名称。
下面通过一个例子帮助你理解frame。假定TestFrame.html文档中的代码如下：
