[翻译]标记语言和样式手册 Chapter 7 锚点
作者：zhaozy 来源：3user.com 发布时间：2008-01-28 14:01:00
标签：样式,标记,css,手册,锚点
阅读上一章：Chapter 6 短语元素
Chapter 7 锚点
HTML中的链接,正确的说法应该称作"锚点",它不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具.让链接对象接近焦点.在这一章里,我们将看到四种不同的锚点做法,说明每个方法的优点,也会介绍title属性如何能提升链接的易用性,另外也将使用CSS为链接设计样式.
在需要指定到页面的特定部分时,标记锚点是最佳的方法
这是在设计网站时经常遇到的情况,你想链接到某个页面的特定部分,可是使用者正在阅读的可能是在另外的一个页面,接下来讨论的四种方法之中任选一种都能让你达成目标.
在示例中,假设我们打算链接到同一个页面中的特定标题:
方法A:空洞的名称
<p><a href="#oranges">About Oranges</a></p>
...一些文字...
<a name="oranges"></a>
<h2>Oranges Are Tasty</h2>
...更多文字...
使用一个内容空白的锚点标签再配上name属性,标记特定的链接点,或许这是你熟悉的方法,在标题前放一个内容空白的<a>,并且连向它(使用#符号,后面加上name属性的值),就能让我们连到页面的特定部分了,当页面包含了很长需要滚动的项目清单时,我们能通过这个方法十分方便的连到特定的项目.
图7-1显示了点击"About Oranges"链接之后的结果,也就是跳到我们标识<a name="oranges"></a>的地方,正好在标题上面.
图7-1.点击连上具体锚点链接的示例
效果不错,但是浪费一个内容空白的标签来标识链接位置有点不合语义,方法B能改进这点.
0
投稿猜你喜欢
- dim dr dr="2123123" dr1=Cint(dr) dr2=Clng(dr) 可参考如下函数说明： CIn
- 一空间多域名绑定3种方法，HTML代码格式：<html> <script language=javascript
- 经常在网上冲浪的朋友是否曾注意到有些网站的鼠标不是规则的斜向上箭头的形状，而是"十"
- 在用HTML(HyperText Markup Language，超文本链接标示语言)语言编写Web页面时，由于所用的Web浏览器对HTML
- 一：从版本3.23升级到4.104.10新特性：支持事务处理和存储过程升级过程的注意事项：1:升级采用直接复制安装文件的方法，简单实用，但要
- javascript可以根据输入值自动搜索显示相关的select列表，对于列表很长时可以很方便的查找到要的值。js代码：<script
- 下面两个函数实现了对字符串中数字的判断。function isnaw(str) f
- 这句话后面的1200是什么单位来的啊?delete from online where datediff(""s&quo
- 代码如下: Function NumberSplit(num) Dim i,length length=Len(num) For i=1 T
一张表（ColumnTable）的结构如下图所示当前需要实现的功能：通过Number的值为67来获取当前的节点ID、父节点ID递归实现SQL- 众所周知当前(甚至接下来的几年)最酷的东西是iPhone。不仅仅是因为iPhone看起来不错，它们在网站方面也很不错。而且，更重要的是，很多
- 一、定位 oracle分两大块，一块是开发，一块是管理。开发主要是写写存储过程、触发器什么的，还有就是用Oracle的Develop工具做f
- 建立一个数据库表维护规范在一个定期基础而非等到问题出现才实施数据库表的检查是一个好主意。应该考虑到建立一个预防性维护的时间表，以协助自动问题
- 这个网页颜色表是很好用，鼠标点击颜色即可复制颜色值到剪贴板，方便大家设计取色。下载苏昱css2 样式表中文手册包括颜色表：W3C- 十六色色
- LOAD DATA INFILE '文件地址' INTO TABLE 表名 FIELDS TERMINATED BY
- 最近几个不错网站被封，让人感觉很不爽，现在既不方便用，也不方便学习参考。正好想到曾经“截图”的事情，其实我认为互联网产品还有个特点，更新换代
- MySql5.0以后均支持存储过程，最近有空，研究了一把这个。格式：以下为引用的内容：CREATE PROCEDURE
- 我们一般在调试程序的时候，有些操作会莫名地失败，又没有错误消息提示，特别是在执行数据库操作的时候，明明执行过去了，可就是数据库里没有记录变动
- 作者：AngelGavin 出处：CSDN一般问题什么是 XML？可扩展标记语言 (XML) 是 Web 上的数据通用语言。它使
- 影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为
