html5 <a>怎么用

两种用法，一个是跳转到指定的URL，一个是跳转到书签。

第一种：跳转到指定URL。

这种的用法大概就是：

<a href="http://www.baidu.com">跳转到百度</a>

<a href="/Home/about.html">跳转到关于页面</a>

以上第一句是网络上的URL地址，第二句是本地URL地址，用法一样。

第二种：跳转到书签。

跳转到书签首先需要在页面上定义一个书签的点。然后在用a标记进行跳转。

<a name="tager1"></a><!--这是一个点-->

<a href="#tager1">跳转到tager1所在的位置</a><!--这里点击即进行跳转-->

第二个列子的效果就像我们在网页里面看到的回顶部的效果一样。

参考资料http://www.w3school.com.cn/html/html_links.asp

1、应该用一个外层盒子来定位，这样盒子内的各个元素的相对位置不会受影响；

2、如果一定要在子元素上定位，那也应该错开位置，否则肯定挤在一起的，因为都定位到同一位置了；

3、a标签不应该包含li标签，而应该是li标签包含a标签；

4、font标签已经是被淘汰的（除非完全不用css），不建议使用。

比如：

<ul class="top_nav">

<li><a href="1.html">文字</a></li>

<li><a href="2.html">文字</a></li>

<li><a href="3.html">文字</a></li>

<li><a href="4.html">LD</a></li>

</ul>

---