江苏龙网

  1. 首页 > 人文 > >

使用HTML5中的链接元素


使用HTML5中的链接元素文章插图
使用用手机、PC或平板电脑 ， 我们一天内可以轻松浏览几十甚至上百个网页 。 能够开心地在网上冲浪 ， 应该归功于HTML提供了超级链接功能 ， 这就是HTML中链接元素的功能 。
1、链接元素简介中的a ， 是英语单词anchor的简写 ， 是“锚” 。
通过这个锚 ， 冲浪者可以指挥浏览器跳转到某个网页 ， 或者当前网页的某个位置 。
2、链接元素的语法使用链接元素时 ， 我们一般这样使用：
标记为链接的内容
href属性指定要跳转到的位置；
target属性告诉浏览器在哪个窗口打开新的网页；
元素的内容 ， 可以是普通文本、图片、或带格式的文本 。
3、元素跳转到其他网页的用法当href属性值为html网页 ， 元素的作用是跳转到其他网页 。 例如下面的HTML文档：
link001今日头条 使用浏览器打开该文件时 ， 显示效果如下：
使用HTML5中的链接元素文章插图
我们随便点击上面四个链接中的一个 ， 就会进入到对应的网页 。 例如 ， 点击“今日头条” ， 就会进入到下面的网页：
使用HTML5中的链接元素文章插图
4、上面的例子中 ， 打开链接 ， 会覆盖掉当前的网页 ， 我们可以通过增加target属性 ， 并设置值为_blank ， 实现在新窗口打开链接 。 修改后的HTML文档如下：
link002今日头条 使用浏览器打开该文件时 ， 效果和上面一样 。 但是点击其中的任何一个链接 ， 都会在新窗口里面打开 。 例如打开今日头条时 ， 效果如下：
使用HTML5中的链接元素文章插图
这样的效果也许用起来更方便 。
4、元素跳转到本网页其他位置的用法这里 ， 我们先介绍一个概念——锚点 。
锚点：定义页面内某个位置的超级链接 。 我们这样使用来定义一个锚点：
锚点的描述
当定义了锚点后 ， 我们可以将href属性值设置为“#锚点名” ， 来实现页面内的导航 。
例如 ， 下面编写了一个比较长的HTML文档 ， 为了便于用户快速导航到网页的开始和结束位置 ， 定义了begin和end锚点 ， 并提供了这两个锚点的链接：
link003开始
《鹿柴》作者：王维空山不见人 ，但闻人语响 。返影入深林 ，复照青苔上 。跳转到结束位置《相思》作者：王维红豆生南国 ，春来发几枝 。愿君多采撷 ，此物最相思 。跳转到开始位置跳转到结束位置《杂诗》作者：王维君自故乡来 ，应知故乡事 。来日绮窗前 ，寒梅著花未 。跳转到开始位置跳转到结束位置《静夜思》作者：李白床前明月光 ，疑是地上霜 。举头望明月 ，低头思故乡 。跳转到开始位置跳转到结束位置《登鹳雀楼》作者：王之涣白日依山尽 ，黄河入海流 。欲穷千里目 ，更上一层楼 。跳转到开始位置跳转到结束位置《江雪》作者：柳宗元千山鸟飞绝 ，万径人踪灭 。孤舟蓑笠翁 ，独钓寒江雪 。跳转到开始位置跳转到结束位置《登乐游原》作者：李商隐向晚意不适 ，驱车登古原 。夕阳无限好 ，只是近黄昏 。跳转到开始位置结束
使用浏览器打开这个文件时 ， 展示效果如下；
使用HTML5中的链接元素文章插图
点击“跳转到结束位置” ， 则浏览器的展示情况如下：
使用HTML5中的链接元素文章插图


推荐阅读


上一篇：苹果机贵是因税，国产机贵是为啥？

下一篇：旧手机的第二春！魔改+刷机帮你变废为宝，安卓党的福音