HTML中的跳转锚点

实现跳转锚点有以下两种方式

  1. # + id

    <a href='#html'>跳转到HTML</a> // 与h2中的id值一一对应
    <a href='#css'>跳转到CSS</a>
    <a href='#javascript'>跳转到JavaScript</a>
    
    <h2 id='html'>HTML</h2>
    <p>超文本标记语言</p>	
    
    <h2 id='css'>CSS</h2>
    <p>层叠样式表</p>	
    
    <h2 id='javascript'>JavaScript</h2>
    <p>编程语言</p>
    
  2. # + name(name属性是在空的a标签上加的)

    <a href='#html'>跳转到HTML</a> // 与h2上方的a标签中的name值一一对应
    <a href='#css'>跳转到CSS</a>
    <a href='#javascript'>跳转到JavaScript</a>
    
    <a name='html'></a>
    <h2>HTML</h2>
    <p>超文本标记语言</p>
    
    <a name='css'></a>
    <h2>CSS</h2>
    <p>层叠样式表</p>	
    
    <a name='javascript'></a>
    <h2>JavaScript</h2>
    <p>编程语言</p>
    

实现效果
HTML中的跳转锚点_第1张图片

你可能感兴趣的:(HTML,html)