因为老的浏览器能够识别doctype，但是并不意味它可以处理HTML5标签和功能。
HTML5 a标签电话功能：1、<a href="tel:4008001234" class="call"></a>。
2、亲测是可以的，注意tel:的和html中的meta写法为 <meta name="format-detection" content="telephone=yes">。
3、target是打开链接时用什么目标打开，是在新窗口中打开就用target=_blank，在父窗口中打开就用target=_parent，在当前窗口中打开就用target=_self,
target=_top表示在顶层窗口中打开
两种用法，一个是跳转到指定的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>
