html锚点实现原理,了解HTML锚点基础知识

概念

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

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

属性

href

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

1、链接地址

百度

2、下载地址

下载测试

3、锚点

(1)href:#id名

目录

内容

(2)href:页面地址#id名

足球比赛规则

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

href与src的区别

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

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

所以、

4、手机号码

在移动端，使用

//里层框架

//锚点页

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标签不可嵌套