html中的锚点是啥

程序猿 • 2025年12月21日 20:09:43 • 好文分享 • 阅读 0

锚点介绍：

标签定义超链接，用于从一张页面链接到另一张页面。元素最重要的属性是 href 属性，它指示链接的目标。

元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说，元素不是一个链接，而是超文本锚点，可以链接到一个新文件、用id属性指向任何元素。如果没有元素没有href属性的话，可以作为原本链接位置的占位符，常用于home链接

注意：任何文档流内容都可以被嵌套，只要不是交互内容类别(如按钮、链接等)

立即学习“前端免费学习笔记（深入）”；

属性

href

href属性表示地址，共包括以下3种：

1、链接地址

百度

2、下载地址

下载测试

　3、锚点

（1）href:#id名

（学习视频分享：html视频教程）

（2）href:页面地址#id名

足球比赛规则

[注意]href属性一定不要留空，若暂时不需要写地址，则写#或javascript:;。若href留空，会刷新页面

href与src的区别

href(hypertext reference)指超文本引用，表示当前页面引用了别处的内容

src(source)表示来源地址，表示把别处的内容引入到当前页面

所以、、等应该使用src，而和

应该使用href

4、手机号码

在移动端，使用15012345678%E5%8F%AF%E4%BB%A5%E5%94%A4%E5%87%BA%E6%89%8B%E6%9C%BA%E6%8B%A8%E5%8F%B7%E7%9B%98

target

target属性表示链接打开方式

　　1、_self 当前窗口（默认）
2、_blank 新窗口
3、_parent 父框架集
4、_top 整个窗口
5、_framename 指定框架

//外层框架        //里层框架                //锚点页    chap1(_self)
    chap2(_blank)
    chap3(_parent)
    chap4(_top)
        chap5(framename)

download

download属性用来设置下载文件的名称(firefox/chrome/opera支持)

test

rel

rel属性表示表示链接间的关系

alternate   相较于当前文档可替换的呈现author      链接到当前文档或文章的作者bookmark    链接最近的父级区块的永久链接help        与当前上下文相关的帮助链接license     当前文档的许可证next        后一篇文档prev        前一篇文档nofollow    当前文档的原始作者不推荐超链接指向的文档noreferer   访问时链接时不发送referer字段prefetch    预加载链接指向的页面(对于chrome使用prerender)search      用于搜索当前文档或相关文档的资源tag         给当前文档打上标签

【应用】当一篇篇幅很长的文章需要多页显示时，配合next或prev可以实现前后页面导航的预加载

前一页后一页    //当然prefetch也可以用于预加载其他类型的资源

注意事项

1、标签的文本颜色只能自身进行设置，从父级继承不到

2、标签的下划线颜色跟随文本颜色进行变化

3、标签不可嵌套标签

    [1]从父级继承不到红色字体    
    [2]下划线颜色与文本同色    
    前面[3]a标签不可嵌套

关于作者

程序猿签约作者

383.2K 文章

0 评论

1 粉丝

这个人很懒，什么都没有留下～

html换行代码怎么写

上一篇 2025年12月21日 20:09:34

html怎么注释？

下一篇 2025年12月21日 20:09:49

好文分享

html换行代码怎么写

html换行代码是“”，想要在哪一行换行，就在那一行代码的末尾加上“”代码即可实现换行操作。HTML “”标签用于插入一个简单的换行符，实现换行。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。 HTML 换行在HTML中想要换行，可以使用“”标签，想要在哪一行换行，就在…

程序猿
2025年12月21日
0000
好文分享

单选框的type属性值为什么

单选框的type属性值为“radio”。html type属性可以规定要显示的输入框“”元素的类型；值为“radio”时显示为单选框、“checkbox”时显示为复选框、“select”时显示为下拉式选框等等。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。在HTML中，…

程序猿
2025年12月21日
0000
好文分享

html基本结构分析

以上就是html基本结构分析的详细内容，更多请关注创想鸟其它相关文章！

程序猿
2025年12月21日
0000
好文分享

怎么在html中引入vue.js文件

在html中引入vue.js文件的方法：首先在Vue.js的官网上直接下载vue.js文件；然后通过“”方式引入本地的vue.js文件即可。本文操作环境：Windows7系统、HTML5&&Vue2.2.2、Dell G3电脑。怎么在html中引入vue.js文件？ Vue.js…

程序猿
2025年12月21日
0000
html头文件css怎么写

html头文件css的写法：1、通过“/*这里写CSS内容*/”方式引入css；2、使用“”标签，引入外部CSS文件，语法“”。本文操作环境：Windows7系统、HTML5&&CSS3、Dell G3电脑。头文件元素包含了所有的头部标签元素。在元素中你可以插入脚本（scr…

程序猿
2025年12月21日 • 好文分享
0000
好文分享

HTML中type是什么意思

在HTML中，type是类型的意思，是一个标签属性，主要用于定义标签元素的类型或文档（脚本）的MIME类型；例在input标签中type属性可以规定input元素的类型，在script标签中type属性可以规定脚本的MIME类型。本教程操作环境：windows7系统、html5版、Dell G3电…

程序猿
2025年12月21日
0000
好文分享

制作一个html页面返回顶部的悬浮按钮

具体代码如下所示：（学习视频分享：html视频教程） CSS样式代码： .back-to { bottom: 55px; overflow: hidden; position: fixed; right: 10px; width: 110px; z-index: 999;}.back-to .ba…

程序猿
2025年12月21日
0000
好文分享

html制作图文混排效果

图片属性介绍：（学习视频分享：html视频教程） hspace 和 vspace 属性可以设置图像周围的空间。 hspace 属性可设置或者返回图片的 hspace 属性值。立即学习“前端免费学习笔记（深入）”； hspace 属性指定图像的左边缘和右边缘的空白（设置图片与文本左右的距离） vs…

程序猿
2025年12月21日
0000
好文分享

支持onload事件的HTML标签有哪些

支持onload事件的HTML标签有：“body”、“frame”、“frameset”、“iframe”、“img”、“”、“link”、“script”、“style”。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。推荐：html教程 onload 事件 onloa…

程序猿
2025年12月21日
0000
好文分享

html中div标签、section标签和acticle标签三者有啥区别

导语：本来我以为这三个标签的作用都差不多，后来查了相关资料才明白，原来他们三者之间还是有区别的。（学习视频分享：html视频教程）下面我们就来介绍下它们之间的区别：立即学习“前端免费学习笔记（深入）”； 1、div元素：它本身无任何语义，用作布局以及样式化标签，可定义文档中的分区或节,相当…

程序猿
2025年12月21日
0000
html导航栏怎么设置

html导航栏的设置方法：1、直接使用html5中的导航栏标签【】；2、可以无序列表，去除默认样式设置浮动就可以；3、设置超链接。本文操作环境：Windows7系统，html5版本，Dell G3电脑。推荐：HTML教程 html导航栏的设置方法： 1、首先，大家可以直接使用html5中的导航栏…

程序猿
2025年12月21日 • 好文分享
0000
好文分享

HTML中内联元素有哪些

内联元素有：a、acronym、b、br、cite、code、dfn、em、font、i、img、input、kbd、label、s、samp、small、span、strong、sub、sup、textarea、u、var、strike。本教程操作环境：Windows7系统、HTML5版本、De…

程序猿
2025年12月21日
0000
好文分享

html如何调用外部jquery

html调用外部jquery的方法：1、从【jquery.com】下载jQuery库；2、从Staticfile CDN、又拍云、新浪、谷歌或微软等引用jQuery。本教程操作环境：windows7系统、jquery3.2.1&&html5版本，DELL G3电脑，该方法适用于所有…

程序猿
2025年12月21日
0000
好文分享

html文件以什么结尾

html文件以“”标记结尾。“”标签是HTML文档中最外层的元素，是所有其他HTML元素（除了“”标签）的容器；“”与“”标记限定了HTML文件的开始点和结束点。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。相关教程推荐：html教程 html> 标签告知浏览器这…

程序猿
2025年12月21日
0000
好文分享

在html中嵌入js代码的方法

如何在HTML页面中嵌入javascript代码（学习视频分享：html视频教程） document.write(“Hello World!”); 上面的代码会在 HTML 页面中产生这样的输出： Hello World! 实例解释：立即学习“前端免费学习笔记（深入）”；如果需要把一段 Jav…

程序猿
2025年12月21日
0000
好文分享

html是指什么

HTML是超文本标记语言，是Hyper Text Markup Language的缩写，标准通用标记语言下的一个应用，HTML不是一种编程语言，而是一种标记语言，是网页制作所必备的。本文操作环境：宏基s40-51、hbuilderx.3.0.5&&html5版本、windows10…

程序猿
2025年12月21日
0000
html如何让网页居中

html让网页居中的方法：首先在Dreamweaver中打开该html页面文件；然后在该页面的高度后面，直接加上【align=”center”】代码即可。本教程操作环境：windows10系统、Adobe Dreamweaver CC 2020版，DELL G3电脑，该方法…

程序猿
2025年12月21日 • 好文分享
0000
html设置背景图片全屏

html设置背景图片全屏的方法：首先新建一个html文档；然后把背景图片设置在同一个文件夹里；接着添加style标签；最后通过“background-image”以及“background-repeat”属性实现背景图片全屏的设置即可。本教程演示环境：宏基s40-51电脑、windows10 家庭…

程序猿
2025年12月21日 • 好文分享
0000
好文分享

html读取不了css样式怎么办

html读取不了css样式的解决办法：1、检查css路径并修改；2、修改css文件中指定的编码与页面统一；3、修改HTML头部的DOCTYPE声明；4、检查是否使用@import并修改即可。本教程操作环境：windows10系统、HTML5&&CSS3版，DELL G3电脑。推荐…

程序猿
2025年12月21日
0000
好文分享

HTML如何加入CSS样式

HTML加入CSS样式的方法：1、通过行内式加入CSS样式；2、通过内嵌式，把css代码放在特定页面的head部分中；3、通过外联式，使用link标签，将外部css文件链接到HTML中即可。本教程操作环境：windows10系统、HTML5&&CSS3版，DELL G3电脑。推荐…

程序猿
2025年12月21日
0000

发表回复

登录后才能评论

html中的锚点是啥

关于作者

相关推荐

发表回复