html 的描点链接
1.锚点链接
HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。
示例代码
在HTML页面中适当位置定义如下的锚点:
<a name="top" id=top"">这里是TOP部分</a>
<a name="content" id="content">这里是CONTENT部分</a>
<a name="foot" id="foot">这里是FOOT部分</a>
对于如上锚点的访问有两种方法
一种是利用超链接标签<a></a>制作锚点链接,主要用于页面内的锚点访问
<a href="#top">点击我链接到TOP</a>
<a href="#content">点击我链接到CONTENT</a>
<a href="#foot">点击我链接到FOOT</a>
另一种方式是直接在页面地址后面加锚点标记,主要用于不同页面之间的锚点访问
假如本页面的地址是http://文件路径/index.html,要访问foot锚点只要访问如下链接即可
http://文件路径/index.html#foot
html 的描点链接相关推荐
- Html中a标签用法总结:创建email,电话,描点链接等。以及防止链接被搜索引擎收录
a标签可以用来创建一个到其他网页.文件.同一页面内的位置.电子邮件地址或任何其他URL的超链接. 是我们常用的一个标签之一,今天就讲讲如何使用a来创建email,电话,描点链接等.以及防止链接被搜索引 ...
- a 标签的 target 属性、描点链接
一.target 打开窗口方式 < a href=" " target="">< /a> _self 当前窗口打开页面(默认值) _bl ...
- 图像标记(HTML5语言)(超链接+描点链接)
1.要求: 制作一个花的网页对于其的介绍,可以在点击关键字的同时跳转目标网页,并且转到目标网页的图片并且能回到上一个网页. 2.效果展示: 3.制作过程: 首先在你所保存HTML5内容的文档新建一个i ...
- 描点链接元素的优化提升用户体验
用一些大网站的时候,发现有一个很细节的共同点:点击链接元素的时候,链接元素会产生一个明显的边框,而且这个边框的颜色和#f27b04很接近,我觉得既然很多大网站都这么做,这其中肯定有一些用户体验方面的东 ...
- HTMLa标签常用的四种链接
在a标签里面有四种链接方式 1.内部链接 2.外部链接 3.空连接 4.描点链接 接下来让我详细解答 1.内部链接 <a href="text.html">内部链接&l ...
- SEO的外链与描文本该如何添加?
外链是指从其他网站导入自己网站的链接.外链的发展伴随着搜索引擎算法的更迭.Google一直非常重视外链的作用,但随着外链买卖的日益猖獗,Google也不得不推出反作弊的算法.百度在判断网站权重的时候也 ...
- SEO优化入门之寻找高质量的友情链接
SEO优化包括寻找友情链接,友链的交换不仅仅是给网站带来流量,也是网站内容优化的一个选择.友情链接是指互相在自己的网站上放对方网站的链接.必须要能在网页代码中找到网址和网站名称,而且浏览网页的时候能显 ...
- 搜索引擎惩罚的五种最大原因
搜索引擎惩罚的五种最大原因 由于每个站长的优化手法和技巧的不同,所以搜索引擎对每个网站都有不同的态度!但是为什么网站会被搜索引擎惩罚呢?!福州seo维思分析主要有以下五点原因: 一:改动标题;并不是说 ...
- 网络推广专员教大家网站SEO优化中锚文本的使用技巧
网站优化中有许多细节需要网络推广专员中优化人员们的更多注意,其中之一就是描文本.其实,锚文本就是给一个关键词加上一个链接跳转到需要的页面,广泛的应用到网站的方方面面,应用的好能有效促进网站收录,帮助提 ...
最新文章
- 如何自动校正服务器时间,几个常用校正服务器时间
- TZOJ 4865 统计单词数(模拟字符串)
- java.lang.NoSuchMethodError: antlr.collections.AST.g(truts2与hibernate jar包(antlr-2.7.2.jar)冲突)
- javascript调用Flash里对象的方法(函数)搞了五个小时。
- Dubbo是如何进行远程服务调用的?(源码流程跟踪)
- Android进阶:自定义视频播放器开发(下)
- java 内部类定于_搞懂 JAVA 内部类
- 【渗透测试】—如何利用文件包含的方式进行攻击
- CVE-2021-2429:MySQL InnoDB Memcached 插件中的堆缓冲区溢出漏洞详解
- [leetcode]5170. 验证二叉树
- 考勤系统 java_java中一个简单考勤系统
- 如何让音乐软件的歌词在touch bar上面显示?
- SPSS对个案值的计数功能解析
- root用户被提示:Operation not permitted
- 记录实现Vue带参数调转页面
- 【图像加密】图像处理之Logistic混沌序列加密
- 【Unity】Unity 欧拉角、四元数、万向节死锁、四元数转轴角
- 在VS2103环境中集成Doxygen工具
- 电子政务信息交换平台与数据中心的构建
- 如何清除MS office 2016 软件的打开记录
热门文章
- 正则表达式及re模块
- STM32中事件标志位与中断标志位
- 数据挖掘中常用的数据清洗方法有哪些?
- 计算机应用大赛word题库,计算机应用基础练习题库与答案
- 卡特兰数 二叉树相关公式 二叉树ADT操作
- webpack4学习笔记
- PHP初级程序员能力测试参考答案
- cut final pro入门教程_Final Cut Pro X视频教程 fcpx入门到精通自学零基础剪辑教材
- P1209修理牛棚题解
- RestTemplate调用微信小程接口异常:RestClientException: Could not extract response: no suitable HttpMessageConve