欢迎访问 如意编程网！
TAG聚合

如意编程网

当前位置： 首页 > 前端技术 > HTML >内容正文

HTML

HTML5基础 a id 本网页内的锚点跳转

发布时间：2022/11/16 HTML 21 老码农
如意编程网 收集整理的这篇文章主要介绍了 HTML5基础 a id 本网页内的锚点跳转 小编觉得挺不错的,现在分享给大家,帮大家做个参考. 
             OS : Windows 10
        browser : Chrome 83.0.4103.116
         editor : Visual Studio Code 1.46.1       
    typesetting : Markdown

 

html


<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- a标签配合id进行网页内的锚点跳转 -->
    <a href="#websiteName">锚点-网站名称</a><br />
    <a href="#blogName">锚点-博客名称</a><br />
    <hr />
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <hr>
    <p >网站名称</p>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <hr>
    <p >博客名称</p>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br><br>


    <!-- 不同网页间的锚点跳跃 -->
    <!-- 
        <a href="other.html#bottom">跳转至另一网页的位置</a>
     -->
</body>

</html>

 

result

HTML5基础 a id 本网页内的锚点跳转

HTML5基础 a id 本网页内的锚点跳转

HTML5基础 a id 本网页内的锚点跳转

 

resource

  • [ 教程 ] www.w3school.com.cn/html/index.asp
  • [ 手册 ] www.w3cschool.cn/html5_reference.html
  • [ 规范 ] www.runoob.com/html/html5-syntax.html
  • [ 平台 ] www.cnblogs.com
  • [ 规范-参考 ] www.w3cschool.cn/wematy
  • [ 统计-参考 ] tongji.baidu.com/research/site#browser

 

感恩曾经帮助过 客名利 的人。
html，xhtml和html5的发展历史及其特性，建议学习。
代码的书写是有规范的，适当地遵守规范，助人助己。
Chromium和Firefox是开源浏览器，新功能众多，建议关注。
Blink，EdgeHTML，Gecko，KHTML，Trident，WebCore，WebKit等，空闲时可以了解一下。
不同的浏览器解析代码是有差别的，要多关注兼容性问题。

总结

以上是如意编程网为你收集整理的HTML5基础 a id 本网页内的锚点跳转的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错，欢迎将如意编程网推荐给好友。