a元素
超链接
href属性 (通常表示跳转地址)
- 跳转地址
- 跳转某个锚点
<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属性:
全局属性,表示元素在文档中的唯一编号
- 功能链接
点击后,触发某个功能
-
执行JS代码,javascrupt:
-
发送邮件,mailto:
-
拨号,tel:
target属性 (表示跳转窗口位置。)
target的取值:
-_self:在当前页面窗口中打开,默认值
-_blank:在新窗口中打开
title属性 (显示下标)
<a href="https://www.google.com" target="_blank" title="用谷歌搜索世界">
谷歌
</a>