a元素

a元素

超链接

href属性 (通常表示跳转地址)

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

<a href="#chapter1">章节1</a>
    <a href="#chapter2">章节2</a>
    <a href="#chapter3">章节3</a>
    <a href="#chapter4">章节4</a>
    <a href="#chapter5">章节5</a>
    <a href="#chapter6">章节6</a>
    <h1 id="chapter1">章节1</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus aliquam officia porro sint, sequi amet minima deserunt maxime suscipit molestiae veniam alias provident odit voluptates laudantium animi magni. Itaque, doloribus.</p>
    <h2 id="chapter2">章节2</h2>
    <p>Doloremque blanditiis voluptate non, pariatur enim debitis eius consequatur. Possimus, minus, iure deleniti a quia labore modi tempore, ab similique ex libero mollitia? Animi tempora error nulla, culpa deserunt eligendi.</p>
    <h3 id="chapter3">章节3</h3>
    <p>Libero nostrum delectus quod nobis? Alias, debitis optio. Ea, ex similique corporis omnis nobis perspiciatis reiciendis expedita eius et sint unde autem saepe dolorem odit ut rerum rem cum possimus!</p>
    <h4 id="chapter4">章节4</h4>
    <p>Minus molestias asperiores, itaque accusamus fugit doloremque recusandae modi optio, ipsam error sint at voluptate, dicta quasi. Dolores ratione distinctio deleniti error voluptate reprehenderit ab at in? Laboriosam, et dolorum?</p>
    <h5 id="chapter5">章节5</h5>
    <p>Facilis corporis repellat placeat numquam amet neque, voluptas similique nisi odio quibusdam non ipsam magni minus distinctio explicabo quis atque, quos omnis rerum consectetur maxime nostrum! Accusamus consectetur earum optio?</p>
    <h6 id="chapter6">章节6</h6>
    <p>Ipsam ab quibusdam molestiae aliquam error eum autem nihil illo sequi nemo perspiciatis, eligendi minima doloribus dolorum labore corporis eveniet minus recusandae possimus non molestias provident architecto! Soluta, reiciendis voluptate.</p>
    <a href="#">返回顶部</a>
 

快捷方式
a[href="#chapterKaTeX parse error: Expected '}', got 'EOF' at end of input: "]*6>{章节};

((h$ [id="chapterKaTeX parse error: Expected '}', got 'EOF' at end of input: "]>{章节})+p>lorem)*6

id属性：

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

3. 功能链接
   点击后，触发某个功能

• 执行JS代码，javascrupt：

• 发送邮件，mailto：

• 拨号，tel：

target属性 (表示跳转窗口位置。)

target的取值：

-_self:在当前页面窗口中打开，默认值
-_blank:在新窗口中打开

title属性 (显示下标)

 <a href="https://www.google.com" target="_blank" title="用谷歌搜索世界">
    谷歌
    </a>