吉林11选五开奖:17 - 05 - 15 HTML(锚链接)

吉林省十一选五走势图 www.el2sw.cn 2/10/2017来源:心得技巧人气:6751

——————————————————————————整理自w3school,www.w3school.com /百度知道

# HTML 链接 - name 属性   ( 难点 )

name 属性规定锚(anchor)的名称。

您可以使用name属性创建HTML页面中的书签。

书签不会以任何特殊方式显示,它对读者是不可见的。

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,

这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

(百度百科经常使用,在本页面内 上下跳转,快速定位)锚点链接的意思说就是:

“abc”就是一个链接,我点击“abc”之后,就会跳转到"123"的位置上。最常用的方式,

在一个网页的开头,做一个目录,每一个目录都是一个锚点链接,然后链接到本页面相关的位置。

命名锚的语法:

<a name="label">锚(显示在页面上的文本)</a>

Tips:可以使用 id 属性来替代 name 属性,命名锚同样有效。

比如:首先,我们在 HTML 文档中对锚进行命名(创建一个书签):

<a name="tips">基本的注意事项 - 有用的提示</a>

然后,我们在同一个文档中创建指向该锚的链接:

<a href="#tips">有用的提示</a>

您也可以在其他页面中创建指向该锚的链接:

<a href="//www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

在上面代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。

<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/CSS">
.d1{
border:1px solid red;      <!--网页边框是red color-->
width:400px;
height:2000px;
}

.d2{
border:1px solid blue;    <!--点我跳转mao1是蓝色的字体-->
width:400px;
height:400px;
margin-top:1000px;
}
</style>
<title>锚链接的使用</title>
</head>
<div class="d1">
<a href="#mao1">点我跳转mao1</a>
    <div class="d2">
    <a name="mao1">我是mao1</a>
    </div>
</div>
<body> </body> </html>

讲解:d1,d2 是自己创建的类的名称。

-

-

再来一个最简单的例子:

<a href="#C4">查看 Chapter 4。</a>

</p>

<h2><a name="C4">Chapter 4</a></h2>

点击查看Chapter 4之后,就可以跳转到Chapter 4标题这里。



  • “游、购、娱”持续升温 中国经济内生动力表现强劲 2019-04-19
  • 我老张工经历过中国计划经济时代,实践过计划经济,岂能不知计划经济?!现在的市场经济,我也有了实践感受。比较之,深感计划经济是适合社会主义的,而市场经济是不适合社 2019-04-19
  • [酷]此文已经把马克思理论、边际理论、人类需求层次理论、生物学理论、心理学理论、社会管理学理论等理论在哲学层面完美融合了! 2019-04-18
  • 特朗谱跟你一样,也经常懵逼:“这么简单的道理也想不通?”;"西方民主这么好,你咋不学捏?? 2019-04-18
  • 大学毕业生是不是越来越过剩?当然大学毕业生可以在多种行业就业,比如农村、服务业等等。不过,过剩还是一种极大的浪费。 2019-04-17
  • 要战胜对手需要学习对手的长处,弥补自己的短处,但这不是关键,关键是发扬自己的长处。这叫你打你的,我打我的。 2019-04-16
  • [大笑]精神心理科医生在等你…… 2019-04-16
  • 燃!来南京,看中国电科如何燃爆第八届世界雷达展 2019-04-15
  • VAR技术再抢镜 瑞典队1-0点杀韩国 2019-04-15
  • 中国共产党各时期的入党誓词 2019-04-14
  • 浙江:三批次壁纸抽检不合格 选购注意“看摸擦闻” 2019-04-13
  • 世界杯—凯恩补时绝杀独中两元 英格兰2 2019-04-12
  • 全国首例!团队联合成功攻关,这项新技术让食管癌手术更精准 2019-04-12
  • 线下提前一刻钟!电影节加映场开票出福利 2019-04-11
  • 蔬菜大县敲开“阿里巴巴” 2019-04-10
  • 83| 486| 777| 522| 985| 519| 588| 237| 605| 895|