不同内容位置跳转这个为什么要设置a name="top"属性,而不是a id="top"呢,那么其他标签是否也能写成h name="#名称呢"

来源:2-15 编程练习

慕勒2497449

2022-03-04 17:38:32

<html>

<head>

<meta charset="UTF-8">

<title>超级链接</title>

</head>

<body>

<a name="top">这里是顶部</ a><br />

<!--设置水果锚点链接-->

<P>< a href="#fruit">水果</ a></P>

<!--设置蔬菜锚点链接-->

<P>< a href="#vegetable">蔬菜</ a></P>

<!--设置运动锚点链接-->

<P>< a href="sport">运动</ a></P>


<!--设置水果标题-->

<h1>水果</h1>

<ul>

    <li>香蕉</li>

    <li>苹果</li>

    <li>葡萄</li>

    <li>梨</li>

    <li>西瓜</li>

    <li>樱桃</li>

    <li>菠萝</li>

    <li>橙子</li>

    <li>柚子</li>

    <li>芒果</li>

</ul>

<!--设置返回顶部链接-->

< a href="#top">返回顶部</ a>


<!--设置蔬菜标题-->


<h1>蔬菜</h1>

<ul>

    <li>西红柿</li>

    <li>黄瓜</li>

    <li>土豆</li>

    <li>芹菜</li>

    <li>蒜苔</li>

    <li>西葫芦</li>

    <li>香菇</li>

    <li>菠菜</li>

    <li>豆角</li>

    <li>油菜</li>

</ul>

 

<!--设置返回顶部链接-->

< a href="#top">返回顶部</ a>


<!--设置运动标题-->


<h1>运动</h1>


<!--设置返回顶部链接-->

< a href="#top">返回顶部</ a>

</body>

</html>


写回答

1回答

好帮手慕久久

2022-03-04

同学你好,先看代码问题:

1、标签名最好统一小写,这样更规范:

https://img.mukewang.com/climg/6221dfe509a513a004200079.jpg

2、标签名中,不要写多余的空格,容易影响解析后的效果:

https://img.mukewang.com/climg/6221e00809b0125604700082.jpg

https://img.mukewang.com/climg/6221e0120981382d04210072.jpg

同学把代码调好后,可以再发出来,老师再进一步为你检查对错。

问题解答如下:

锚点定位有两种方式(固定用法,记住即可),一种是a标签的name属性定位,一种是其他标签的id属性定位。即如果想用a标签,那么就要使用name属性;如果用其标签,就用id属性:

https://img.mukewang.com/climg/6221e0ab0933519704850069.jpg

这两种方式都可以,同学可以自由选择。

注意,如果用a标签,那么不能使用id属性;如果用其他标签,则不能用name属性,不要混搭。

祝学习愉快!

1

0 学习 · 17877 问题

查看课程