网页链接与布局全攻略
一、书签链接的创建与使用
在网页设计中,书签链接是一种非常实用的工具。当你创建好书签后,就可以编写指向它的 URL。方法是在 URL 末尾添加书签信息,具体操作是先输入井号(#),然后跟上书签名称。
例如,若要引导读者访问 sales.htm 页面中名为 Canaries 的书签,可以这样写链接:
Learn about recent developments in <a href="https://blog.csdn.net/sales.htm#Canaries">canary sales</a>.
当点击这个链接时,浏览器会跳转到 sales.htm 页面,并向下滚动,直到找到 Canaries 书签,随后在浏览器窗口顶部显示以“Pet Canaries”开头的文本。
不过,如果书签位于页面底部附近,浏览器可能无法将其完全滚动到窗口顶部,书签部分会出现在窗口中间。若担心出现混淆,可在文档末尾添加几个 <br> 元素,让浏览器能滚动得更远。
有时,你想创建指向当前页面书签的链接,此时无需指定页面名称,直接以井号开头,后面跟上书签名称即可,如:
Jump to the <a href="#Canaries">canary</a> section.
有效使用书签是一门艺术,应避免在页面上堆砌过多指向小内容区域的链接,仅在处理需要多次滚动的大页面时使用书签。
超级会员免费看
订阅专栏 解锁全文
307

被折叠的 条评论
为什么被折叠?



