首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML中的链接,准确的说法应该称作"锚点"

2012-11-23 
HTML中的链接,正确的说法应该称作锚点,标准化设计解决方案 - 标记语言和样式手册?Web Standards Solutio

HTML中的链接,正确的说法应该称作"锚点",

标准化设计解决方案 - 标记语言和样式手册?
Web Standards Solutions The Markup and Style Handbook

Part 1: Get Down With Markup? 从标记语法谈起

Chapter?7 锚点

HTML中的链接,正确的说法应该称作"锚点",它不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具.让链接对象接近焦点.在这一章里,我们将看到四种不同的锚点做法,说明每个方法的优点,也会介绍title属性如何能提升链接的易用性,另外也将使用CSS为链接设计样式.

在需要指定到页面的特定部分时,标记锚点是最佳的方法
这是在设计网站时经常遇到的情况,你想链接到某个页面的特定部分,可是使用者正在阅读的可能是在另外的一个页面,接下来讨论的四种方法之中任选一种都能让你达成目标.

在示例中,假设我们打算链接到同一个页面中的特定标题:

方法A:空洞的名称

图7-1.点击连上具体锚点链接的示例

效果不错,但是浪费一个内容空白的标签来标识链接位置有点不合语义,方法B能改进这点.

方法B:全部在名称之内

<p><a href="#resum&#233;">My Resum&#233;</a></p>
...一些文字...
<h2><a name="resum&#233;">Dan's Resum&#233;</a></h2>
...更多文字...

在处理不属于英文字母的字符时,这个功能十分重要.

但是还有几个方法值得一提,下面这个方法完全不需要使用<a>设定锚点,让我们看看方法C.

热点排行