Rumah > Artikel > hujung hadapan web > 详解html锚点是什么
详解html锚点是什么
- PHPzasal
- 2017-04-02 09:24:302629semak imbas
学习网页知识入门的肯定是HTML，其中html的锚点 到底是干吗的？
通俗简单地说，比如一篇很长的文章，你想按分段精确来看，那就可以用到锚点了。
代码：
<a href="#001">跳到001</a> …文字省略 <a name="001" id="001" ></a> …文字省略
其实锚点只需name就可以可，加id是为了让它兼容性更好.
href的值要跟name \ i d 一致，前面必须加"#"，以上代码在ie6/7,ff中都可以兼容，但在ie8中就不行。
因为我们锚点的3499910bf9dac5ae3c52d5ede73834855db79b134e9f6b82c0b36e0489ee08ed值为空，为不影响美观我们加个空格就行了,
如以下代码，就可以兼容ie8
<a href="#001">跳到001</a> …文字省略 <a name="001" id="001" > & n b s p </a> …文字省略
另一问题，想显示某页面(如：321.html)的某锚点内容呢？
代码如下
<a href="123.html#001">跳到001</a> …文字省略 <a name="001" id="001" > & n b s p </a> …文字省略
全部代码展示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>锚点示例</title> </head> <body> <a name="A0" id="A0"></a> <a href="#A1">网页第一部分</a> <a href="#A2">网页第二部分</a> <div style="height:900px; background:#CCCCCC"></div> <a name="A1" id="A1"></a>1<a href="#A0">返回顶部</a> <div style="height:900px; background:#999999"></div> <a name="A2" id="A2"></a>2<a href="#A0">返回顶部</a> <div style="height:900px; background:#666666"></div> </body> </html>
Atas ialah kandungan terperinci 详解html锚点是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：HTML加载外部css文件的两种方法 Artikel seterusnya：HTML5主要的触摸事件(touchstart、touchmove和touchend)