What is anchor point in html

Anchor point introduction:

tag defines a hyperlink, used to link from one page to another. The most important attribute of the element is the href attribute, which indicates the target of the link. The

element (or HTML anchor element, Anchor Element) is usually used to represent an anchor point/link. But strictly speaking, the element is not a link, but a hypertext anchor that can link to a new file and point to any element using the id attribute. If there is no element and no href attribute, it can be used as a placeholder for the original link position, often used for home links

Note: Any document flow content can be nested, as long as it is not an interactive content category ( Such as buttons, links, etc.)

Attribute

href

href attribute represents the address, including the following three types:

1, link address

<a href="http://www.baidu.com">百度</a>

2. Download address

<a href="test.zip">下载测试</a>

3. Anchor point

（1）href:#id Name

<a href="#test">目录</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="test" style="height: 200px;width: 200px; border: 1px solid black;margin-bottom: 300px;">内容</div>

(Learning video sharing: html video tutorial)

(2) href: page address #id name

<a href="http://baike.baidu.com/view/2202.htm#2">足球比赛规则</a>

[Note] The href attribute must not be left blank. If you do not need to write the address temporarily, write # or javascript:;. If href is left blank, the page will be refreshed

The difference between href and src

href (hypertext reference) refers to a hypertext reference, indicating that the current page refers to content elsewhere

src (source) represents the source address, which means introducing content from elsewhere into the current page

So , <script>, <iframe>, etc. should use src, while <a> and < map>Should use href</script>

##4 and mobile phone number

. On the mobile side, use //外层框架 //里层框架 //锚点页

• chap1(_self)
• chap2(_blank)
• chap3(_parent)
• chap4(_top)
• chap5(framename)

download

## The #download attribute is used to set the name of the downloaded file (supported by firefox/chrome/opera)

<a href="test.zip" download="gogo">test</a>

rel

The rel attribute indicates the relationship between links

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

[Application] When a long article needs to be displayed on multiple pages, preloading of front and rear page navigation can be achieved with next or prev

<a href="prev.html" rel="prev prefetch prerender">前一页</a>
<a href="next.html" rel="next prefetch prerender">后一页</a>    //当然prefetch也可以用于预加载其他类型的资源<link rel="prefetch prerender" href="test.img">

Notes

1. The text color of the tag can only be set by itself and cannot be inherited from the parent

2. The underline color of the tag changes with the text color

3 , tags cannot be nested tags

<div style="color: red;">
    <a href="#">[1]从父级继承不到红色字体</a>
    <br>
    <a href="#" style="color: green">[2]下划线颜色与文本同色</a>
    <br>
    <a href="#">前面<a href="#">[3]a标签不可嵌套</a></a>
</div>

相关推荐：html入门教程

The above is the detailed content of What is anchor point in html. For more information, please follow other related articles on the PHP Chinese website!