HTML之a元素

川长思鸟来 2023-03-14 13:20 23阅读 0赞

### 文章目录 ###

*  a元素
 *   *  href属性
     *  target属性

# a元素 #

超链接

## href属性 ##

hyper reference： 通常表示跳转地址

1.  跳转地址
2.  跳转某个锚点

<a href="#chapter1">章节1</a><a href="#chapter2">章节2</a>
    
        <h2 id="chapter1">章节1</h2>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore, suscipit.</p>
        <h2 id="chapter2">章节2</h2>
        <p>Facilis nihil, veritatis eius ad itaque nam alias illo quo.</p>
        <h2 id="chapter3">章节3</h2>
        <p>Nulla praesentium odio ullam? Eum ipsam sint consequatur aspernatur voluptatem.</p>
        <h2 id="chapter4">章节4</h2>
        <p>Quia ad in esse qui neque unde itaque obcaecati illo.</p>
        <h2 id="chapter5">章节5</h2>
        <p>Necessitatibus dolor laudantium ratione, pariatur eligendi qui culpa quo animi!</p>
        <h2 id="chapter6">章节6</h2>
        <p>A, ad saepe? Itaque earum aspernatur, aliquid voluptatum ratione incidunt?</p>
        <h2 id="chapter7">章节7</h2>
        <p>Veniam eligendi rerum tempora aspernatur similique maiores neque laudantium debitis.</p>

id属性：全局属性，表示元素在文档中的唯一编号

> 快速编辑：(a\[href=\#chapterKaTeX parse error: Expected '\}', got 'EOF' at end of input: \]>\{章节\})\*2

> 快速编辑：((h2\[id="chapterKaTeX parse error: Expected '\}', got 'EOF' at end of input: "\]>\{章节\})+p>lorem10)\*7

*返回到页面顶部：返回页面顶部*

1.  功能链接

点击后，触发某个功能

*  执行JS代码，javascript

*  发送邮件，mailto

要求用户计算机上安装有邮件发送软件：exchange

*  拨号，tel

要求用户计算机上安装有拨号软件，或使用的是移动端访问

## target属性 ##