html中name属性与id属性的区别

html中name属性与id属性的区别

想问下html中name属性与id属性的区别,还有就是我用name属性设置锚点无法跳转,请问是我的代码写错了吗?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 align="center"><a href="#name1">黄XX老师</a></h1>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <h3>基本信息</h3>
    <hr/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    黄XX老师(又名:<strong>正经正直正义的黄老师</strong>),男,于xxxx年xx月xx日,出生于<b><i>陕西省宝鸡市渭滨区黄家庄</i></b>,是一位热爱it教育事业的好老师,他的毕生理想就是成为中国最优秀的it教育老师之一。
    <h3 name="name1">人物生平</h3>
    <hr/>
    <p>
        &emsp;&emsp;xxxx年xx月 -- xxxx年xx月,就读于清华<font size="1">(池)</font>大学。与<a href="https://baike.baidu.com/item/%E9%A9%AC%E4%BA%91/6252?fr=aladdin" target="_new">马云</a><a href="https://baike.baidu.com/item/%E9%A9%AC%E5%8C%96%E8%85%BE" target="_new">马化腾</a>、王健林、许家印等都不是同学,也不认识他们。但黄老师有成为中国最优秀的it培训老师之外的另一个理想,就是成为<em><ins><strong>陕西省宝鸡市渭滨区黄家庄</strong></ins></em>首富的恢宏理想。
    </p>
    <p>
        &emsp;&emsp;xxxx年xx月,从清华<font size="1">(池)</font>大学毕业以后,黄老师进入了中国<s>醉付</s>盛名的互联网科技公司 -- 宝东团科技股份有限公司,并且很快成为了公司的主力。负责打扫办公室,为各位大佬程序员端茶倒水等重要工作。
    </p>
    <p>
        &emsp;&emsp;在执行一次扫地任务过程中,黄老师发现项目经理的代码不管怎么样都调试不过。在认真观察了两秒钟之后,他默默的跟项目经理说:"这里少了一个分号"。项目经理在震惊之余,迅速加上分号并调试通过。完成调试后的项目经理当即拜黄老师为师,并邀请他加入项目组,成为项目经理的经理。从此以后,黄老师成为了一名正式程序员。
    </p>
    <p>
        &emsp;&emsp;xxxx年xx月,黄老师离开了宝东团公司与好友<a href="./zhu.html" target="_blank">朱老师</a><a href="yang.html">杨老师</a>、牛老师一起创建了"xx科技教育股份有限公司",专业提供教育产品。
    </p>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
</body>
</html>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕小尤 2021-09-07 13:07:13

同学你好,1、name与id区别:

    1)name通常出现在表单中,在向后台传递数据的时候,作为name后边的值是作为参数名。

    2)id是唯一的,可以用来定位到某个元素,将来可以通过 根据id获取元素,获取到对应的标签元素。

2、设置锚点其他标签(除a标签,a标签也可以使用name设置锚点)需要以id值进行命名,如下所示:

https://img1.sycdn.imooc.com//climg/6136f2c9090e09b811830526.jpg

    而同学设置的是name值,从而导致锚链接失败。则建议同学将   <h3 name="name1">人物生平</h3>修改为   <h3 id="name1">人物生平</h3>试一下。

3、如果是a标签,则是可以用name进行设置锚点的。如下所示:

https://img1.sycdn.imooc.com//climg/613723600993c38513771191.jpg

祝学习愉快!

  • 提问者 home_11 #1

    那这题为啥说命名锚点使用 <a>标签中的name属性值?

    https://img1.sycdn.imooc.com//climg/6137005d0941f51307570566.jpg

    2021-09-07 14:06:44
  • 好帮手慕小尤 回复 提问者 home_11 #2

    同学你好,刚是老师理解错误,重新进行测试,a标签可以通过name属性命名锚点。给您的学习带来不便,深感抱歉!

    祝学习愉快!

    2021-09-07 16:34:24
home_11 提问者 2021-09-07 10:45:51

是只有a标签设置name属性才能被锚链接到吗?

  • 不是,<a>便签用id属性也可以设置锚点

    2022-06-28 13:40:49
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师