6、HTML基础——a元素

a元素

超链接

1. href属性

hyper reference：通常表示跳转地址

1.跳转地址（普通链接）

<!-- 普通链接 -->
<a href="https://www.baidu.com/">
    百度
</a>

2.跳转某个锚点（锚链接）

跳转到当前页面的相应位置，例如本篇博客的目录，点击蓝色字体就可以跳转到本页面的章节位置。

在html中，锚链接的设置方式如下

<!-- 锚链接 -->
<!-- 目录 -->
<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>

<h2 id="chapter1">章节1</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reiciendis beatae delectus voluptates asperiores! Assumenda dolorem explicabo placeat nulla voluptas possimus quia cumque delectus repellendus. Nostrum ad repudiandae vel veniam ullam. </p>
<h2 id="chapter2">章节2</h2>
<p>Culpa suscipit quo, ea quis consequatur dolore facilis magnam illo? Unde facere amet adipisci similique omnis impedit rem nulla blanditiis ipsa doloremque ex voluptas nostrum, numquam accusantium repellendus alias laboriosam, voluptates atque nesciunt quas esse ducimus molestias.</p>
<h2 id="chapter3">章节3</h2>
<p>Suscipit dolore libero fugiat itaque deleniti nihil! Fuga culpa recusandae necessitatibus, eius consequuntur labore illum molestias optio, sunt debitis, hic itaque ut! Vel itaque necessitatibus voluptates autem.</p>
<h2 id="chapter4">章节4</h2>
<p>Doloremque eius deleniti provident facilis repellat, vitae molestiae ratione quibusdam aliquid aliquam hic reiciendis repellendus possimus voluptate rerum officiis tenetur cum ducimus quis ad consequatur inventore? </p>
<h2 id="chapter5">章节5</h2>
<p>Error maxime a, tempora obcaecati sed, facilis vitae ad fugiat ipsam, dolorem itaque non dolores. Beatae expedita temporibus explicabo doloribus, ducimus impedit ea incidunt numquam iure in reprehenderit accusantium consequuntur animi excepturi ad. Error ipsa earum aspernatur numquam blanditiis quisquam, voluptates quo tenetur dignissimos tempore fuga!</p>
<h2 id="chapter6">章节6</h2>
<p>Consequuntur dolorem perspiciatis nihil, impedit eius minima voluptatibus rerum quae earum distinctio saepe excepturi aspernatur repudiandae facere blanditiis quis accusantium fugit molestiae, dolorum quisquam?</p>

<a href="#">回到顶部</a>

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

这里锚链接的设置#id类似与CSS中的id选择器。

特别的，当#后面没有接上id，则该锚点的作用是回到顶部。

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

• 执行JS代码，javascript:

<a href="javascript:alert('你好!')">弹出: 你好!</a>

• 发送邮件，mailto:，要求用户计算机上安装有邮件发送软件

<a href="mailto:xxxxxxxxx@qq.com">点击给我发送邮件</a>

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

<a href="tel:xxxxxxxxx">点击给我拨打电话</a>

小技巧：
输入(h2>{章节1})+p>lorem，Tab
生成代码

<h2>章节1</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum et totam, explicabo in vel nisi consectetur, laborum dolor deleniti numquam incidunt rem, omnis quas dolorum pariatur ut impedit accusantium sit.</p>

输入((h2>{章节$})+p>lorem)*6，Tab
生成代码

    <h2>章节1</h2>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ut esse distinctio sequi similique, nulla possimus eum quos rem iure fugiat enim corporis dolorem. Nesciunt error corporis atque molestias asperiores laborum similique ut beatae accusamus quisquam, natus eius quis deserunt eaque quasi cum nam aperiam. Hic, obcaecati laborum, quia tenetur error similique eius nostrum quae aliquam voluptate corrupti libero nam consequuntur eligendi accusamus nobis quidem dignissimos fuga rerum architecto iste illum. Dolor blanditiis labore nisi provident ipsum tempore maiores odit praesentium? Pariatur illo explicabo soluta quibusdam corrupti expedita vel. Amet dolore inventore distinctio temporibus similique consequuntur deserunt deleniti voluptas consectetur, odit a dolores maiores, atque aspernatur doloribus ipsum beatae eius aliquid? Odio laborum magnam porro consequuntur a laboriosam dolores, aspernatur, atque corporis cupiditate amet expedita quae! Necessitatibus quos porro placeat, ratione debitis ab tempore expedita ipsam magnam odit omnis, neque accusantium optio eaque libero laudantium quibusdam voluptatem commodi velit voluptates officia. Atque sit, doloribus animi minus commodi officia consequuntur quasi repudiandae nisi itaque blanditiis! Asperiores eius magni rerum rem placeat omnis quia, fugiat facere dolore unde aut veritatis, veniam eos libero magnam et culpa. Alias consequuntur quos cum nostrum. Quis molestias, nihil doloremque suscipit reprehenderit esse, nobis eum aliquam veritatis unde autem porro assumenda totam perspiciatis asperiores libero dicta quia explicabo eveniet possimus delectus. Officia, iste beatae culpa unde sit corrupti placeat similique repellendus quisquam ipsum animi minus consectetur cupiditate vitae doloribus. Consequatur dolore porro beatae omnis ipsam qui voluptates ratione minus id sint fuga adipisci, aliquam nisi optio, nulla cumque assumenda aperiam ex! Explicabo, unde quae! Illo nisi aliquam neque deserunt, harum perferendis id adipisci ratione quia, perspiciatis porro, amet officia nemo laboriosam? Consequuntur a fugit quas, illo, eum consequatur porro iusto mollitia officia dicta amet ratione iste odio incidunt id dolore deleniti quo. Non dolores pariatur minima, voluptatibus saepe numquam tempore blanditiis doloremque quibusdam? Molestiae dolore odio ipsam assumenda rem nam magnam consequatur quo tempore a, veritatis tenetur, quisquam porro, officia sequi dolor vitae excepturi laboriosam dolorem totam. Ea esse accusantium labore, minima harum iure repellat voluptas fugiat, quos, maiores eaque veniam ad accusamus sequi saepe voluptate ipsa! Culpa maxime tenetur odit in sequi nesciunt consequatur dolore assumenda repellat cumque voluptas ipsum alias accusantium illum laboriosam aliquam suscipit autem eligendi, aliquid itaque, sunt molestias? Magnam natus, repellendus reprehenderit nihil blanditiis voluptate numquam? Nisi ab id eligendi, in molestiae quae aliquid repellendus. Sapiente vel similique itaque, ratione optio ipsa quod iusto, obcaecati harum minus velit praesentium, aliquid illum blanditiis iure laboriosam doloribus quidem quos ut. Est reprehenderit delectus, necessitatibus id tempora non debitis fugit, soluta nihil modi maiores tempore? Iure nostrum laboriosam quidem, inventore ex nobis suscipit deleniti sint molestias alias culpa dolorum recusandae vero odio eaque fugit aliquid perferendis dolor eligendi! Provident at, eaque ab rem facilis magnam magni velit quam porro eius veniam similique molestiae consequatur neque dolores! Suscipit commodi ipsa cum molestiae, neque animi ducimus architecto esse a vitae quibusdam consequuntur vel cumque minima fuga enim minus. Quidem ad cumque suscipit ea possimus. Delectus aliquid magni exercitationem?</p>
    <h2>章节2</h2>
    <p>Hic illum, accusantium id rerum dolorum quo veniam omnis blanditiis fugit fugiat vel expedita repudiandae dolorem repellat sit vitae similique! Quae nobis ducimus in fugiat aliquam cumque qui error, distinctio reprehenderit. Aspernatur eius nesciunt et dolorem. Nisi minus error commodi voluptatibus dicta, perferendis odit possimus consectetur ducimus illum doloremque itaque aspernatur laboriosam neque! Repudiandae nostrum nobis earum. Eligendi, sunt? Obcaecati voluptatibus, maxime ratione deleniti ea sapiente maiores dolore, culpa, dolor itaque eum quos nemo! Quod ipsam, quibusdam saepe repudiandae molestiae excepturi autem perferendis assumenda, voluptatum amet magni beatae laborum delectus aut eligendi? Natus repellendus ipsa optio aspernatur vero beatae minus odit, quibusdam, doloribus dicta similique quos tempora ipsam molestiae nulla earum voluptatum at nihil a, officia commodi. In atque ullam repellendus. Quos veniam magni eos laudantium ducimus quibusdam hic facere, enim natus rem recusandae assumenda neque sint dolore itaque architecto, nulla temporibus molestiae vitae deserunt? Ipsa mollitia voluptatibus eveniet minus autem debitis distinctio, dignissimos, voluptates cum in non nobis obcaecati, soluta exercitationem. Eum a qui quas deserunt modi! Natus dicta dolorum id impedit ad ut repudiandae laudantium corporis consequuntur saepe odit, ipsam, nemo incidunt expedita! Inventore eius expedita debitis nisi at placeat itaque corrupti id, similique consectetur vel, rem dolorum quia quaerat quidem repellat nostrum fugiat officia velit quam! Consequuntur, mollitia? Non consequuntur temporibus aliquam quidem ad nihil eveniet distinctio! Autem placeat eaque totam eveniet atque provident dicta, quo dolore id veniam, adipisci pariatur amet recusandae officiis ut sint odit, exercitationem asperiores perspiciatis molestiae quod. Libero sapiente possimus hic eveniet incidunt error aliquam ipsa nam quasi doloribus ad, placeat inventore eius a nesciunt, odit dolore expedita odio pariatur, modi illo distinctio nemo omnis quaerat? Quasi vero adipisci vel eius ullam corporis explicabo architecto in, dicta quisquam saepe numquam doloremque dignissimos laboriosam porro quae aliquid sunt rem fugit earum quam ea error obcaecati veritatis. Exercitationem vel voluptas voluptate dicta reprehenderit veniam blanditiis voluptatem recusandae ipsam fugiat iste nemo eum laudantium quod eveniet labore accusantium, quam veritatis corrupti. Aspernatur, maiores! Vel omnis quidem nemo, facere obcaecati ut consequatur sed ducimus ullam, atque sint, at cum soluta. Esse quas doloremque aperiam, optio labore earum laudantium minus laborum neque autem illum debitis quaerat porro ratione consequatur illo reiciendis dolorum commodi? Eveniet illo numquam rem ullam repudiandae. Cum odit quisquam hic incidunt. Odit incidunt alias dolor, laboriosam quis fugit excepturi facilis maiores atque nihil ex nisi expedita doloremque, soluta perspiciatis porro sunt amet asperiores doloribus mollitia minus voluptatum. Repellat dolorum eos nam facere sequi natus a excepturi sed numquam repudiandae quisquam dolores pariatur itaque deleniti nesciunt facilis labore eius nostrum at, laudantium cupiditate officiis! Error ab nam sed assumenda labore dolor tempore quidem illo iusto excepturi aliquid, dolorem sit libero voluptatum. Expedita ipsa beatae necessitatibus unde vero aperiam ipsam velit neque alias obcaecati nostrum quisquam, ducimus, iure consectetur deserunt dolores autem. Porro, in ab! Temporibus magnam voluptate iusto aperiam expedita, ex magni delectus similique officiis recusandae laudantium maxime sequi illum fuga inventore tempora aliquid earum cupiditate fugiat dolores minus. Ad quis repellendus neque. Reprehenderit, ex.</p>
    <h2>章节3</h2>
    <p>Et voluptatum repellat quia nostrum eaque asperiores accusantium beatae nulla necessitatibus obcaecati reprehenderit rerum blanditiis explicabo voluptas repudiandae libero eligendi animi ea, quasi dolorem pariatur debitis? Perspiciatis ad, similique non incidunt ea molestiae optio autem. Aut, sunt. Rem eligendi sapiente accusamus, voluptatum cum sed dolorem at minima ab quaerat aut laboriosam? Explicabo accusantium dolore fugit facilis facere fuga. Repellendus dolores esse omnis doloribus harum! Illo, animi velit. Suscipit error vero consequuntur nihil iste deleniti in harum quo magnam quia reiciendis recusandae facilis nostrum officia dicta vitae, quidem quibusdam natus reprehenderit ratione quisquam at eos obcaecati accusantium. Aperiam asperiores ipsum itaque laudantium saepe expedita ex. Eos nulla, architecto natus harum aliquid itaque ea facere cupiditate cumque enim atque explicabo eum possimus eaque consectetur. Ex quas alias error assumenda eligendi maxime impedit! Quis inventore illum molestias ut ratione delectus veniam aperiam eius pariatur! Culpa tempora sit a sunt alias, repudiandae animi. Laborum iste accusantium consequuntur facere iure, non provident? Atque dicta laboriosam aperiam qui reprehenderit fugiat facilis quidem fuga nostrum distinctio aliquid aspernatur labore, quos neque necessitatibus dolorum dolorem minima modi sit enim sapiente? Sint, odio obcaecati! Consequatur laudantium totam est hic nisi, a eligendi dolores accusamus sequi inventore eveniet reiciendis enim vitae recusandae blanditiis sapiente iure velit iste mollitia ipsam esse nostrum! Aspernatur obcaecati at, consectetur ea, libero fugiat ducimus autem eos officiis repudiandae quibusdam vero voluptatum dicta quidem voluptates ullam sunt voluptate nesciunt cupiditate a? Itaque, eveniet quia! Amet, consectetur. Inventore facere magni voluptatibus, saepe unde, similique possimus quos voluptates ducimus commodi repellendus sit dolore suscipit. Minima, magni quidem laboriosam vero molestiae ipsa? Magni, sit dolores. Tempore distinctio ut quis natus aut fuga illum iusto molestias numquam assumenda recusandae quas minima enim eos, sapiente repellat nostrum dolores qui. Sapiente cum dolores voluptatem repellendus deleniti fuga magnam doloremque corrupti, aliquam impedit sunt quasi animi voluptate tempora. Quae saepe nihil facere, dignissimos itaque nam sequi consectetur illum, cumque nobis reiciendis. Rerum esse molestias magnam adipisci repellendus dolorum corporis necessitatibus? Doloribus quia explicabo tenetur enim dolorum ducimus esse dolores repudiandae, mollitia reiciendis eaque suscipit natus voluptates voluptatibus. Quisquam dolor explicabo magni vero possimus omnis repellendus sunt? Commodi ipsum enim autem tempora similique consequatur eius distinctio consectetur reprehenderit molestias blanditiis saepe id dolorum unde fugiat, doloremque ut dicta? Suscipit rerum consequuntur eius obcaecati quod nemo, dignissimos expedita! Aliquam excepturi aspernatur nisi enim nam ducimus. Libero amet assumenda eum delectus qui voluptas officiis quae, alias in facere consequuntur eius doloremque, officia quisquam eaque maiores laborum rem perspiciatis ratione suscipit eligendi quidem error placeat! Quisquam commodi sunt soluta neque, itaque eaque fuga quas tenetur in accusantium doloribus qui enim molestias cumque atque distinctio numquam ea eveniet non. Dolorum, recusandae at incidunt, illo et accusamus distinctio corporis, aspernatur autem porro fugiat accusantium impedit ea iste alias obcaecati amet pariatur voluptate deserunt officia sapiente dicta! Quae optio culpa est tempora vel neque, deserunt suscipit, accusamus quaerat reprehenderit a doloremque ex ipsa repellendus repudiandae accusantium sed dicta. Rerum vel voluptate ea vero obcaecati ab fugit repellendus molestias amet delectus!</p>
    <h2>章节4</h2>
    <p>Dicta consequuntur praesentium nostrum, minus excepturi quas qui est! Sequi, reprehenderit. Dolore vel molestias recusandae blanditiis ad provident eius illo perspiciatis, nulla aliquam quasi non est totam. Ratione explicabo modi enim mollitia reprehenderit tenetur molestiae aspernatur, natus, beatae hic accusamus eum, perspiciatis excepturi pariatur laudantium? Dicta, dignissimos. Id corporis rem labore? Quos eum magnam est, voluptate esse delectus aut ab quisquam doloribus sed, eveniet natus? Qui dicta reprehenderit minus ratione vero neque natus sunt placeat, commodi facilis amet maiores minima illo fugit nobis debitis perferendis, quis blanditiis voluptate ad, ipsum temporibus! Laudantium deserunt laboriosam dignissimos quo, voluptate possimus similique ut modi autem animi sed hic, illo nesciunt. Dolor quos aspernatur error itaque beatae eligendi optio, quaerat repellendus praesentium porro et sit veniam recusandae quia iure corrupti est assumenda aliquam enim nostrum officia ratione asperiores impedit voluptatum. Explicabo error nam natus eligendi nobis, rem est doloremque fugit repudiandae, a autem, quod hic consectetur pariatur dolor neque recusandae placeat voluptates magnam. Ut fugit sint eius non, cupiditate earum omnis facere nobis asperiores. Possimus corporis consequatur itaque suscipit, porro numquam pariatur maxime reiciendis nisi eligendi praesentium soluta maiores alias, quo voluptas. Incidunt fugit natus suscipit ipsum dolore non eligendi sint, magni mollitia deleniti quos? Placeat, ex pariatur natus atque facere culpa est itaque cum quod omnis, ea voluptatibus harum sequi? Neque deleniti, nobis modi sit sed necessitatibus eaque delectus eum ipsam temporibus incidunt rem, officiis possimus saepe vitae repellendus rerum tenetur quia fuga nostrum ea, quas pariatur. Amet obcaecati pariatur quia eius fuga nostrum corrupti sunt autem rerum assumenda iusto similique, dolor alias nesciunt quasi, ab odit placeat ipsa molestias! Cum, commodi soluta. Molestias itaque ut ipsam molestiae nulla sunt assumenda eius suscipit possimus pariatur quidem delectus vel magnam optio quae, consectetur alias earum hic dignissimos quo aperiam a enim. Temporibus reiciendis magnam natus, aliquid corrupti harum facere commodi pariatur modi officia dolore praesentium quia veniam in ad eum magni tempore, iure rerum voluptatem quas cum excepturi ab! Fugit esse eius blanditiis quae veniam error laboriosam modi, nisi placeat soluta enim velit nam cum autem earum tempora at libero beatae ipsum quasi, in, quos numquam. Ducimus, deleniti illo et, officiis cum nostrum labore repudiandae non sunt hic laborum voluptates consequatur. Ea ab aperiam laborum debitis, magni necessitatibus culpa reiciendis nihil sapiente dolores nemo molestiae impedit natus asperiores amet porro rem recusandae repellat ipsam optio officia! Ipsa sapiente cupiditate, id animi perspiciatis saepe beatae voluptatibus quas inventore architecto a ratione maiores labore autem qui enim molestias corrupti optio quos! Itaque repudiandae quod consequatur consectetur alias incidunt hic repellendus labore. Cupiditate accusantium voluptas reiciendis ab maxime eius est ad sit, distinctio qui totam autem animi sapiente, officia necessitatibus hic vero ut! Aperiam tenetur doloremque similique! Necessitatibus possimus saepe in esse facilis, repudiandae, dolores recusandae corrupti quod eos ipsum odio cum ratione at repellendus exercitationem asperiores, ex omnis cumque officiis? Ratione rerum nobis cumque, natus perferendis ducimus repudiandae id, eos ullam nostrum fugit dolore illo repellat aliquam quas sed, tenetur possimus. Incidunt ipsa animi id nihil!</p>
    <h2>章节5</h2>
    <p>Natus totam eum repellendus ipsa? Dolores, sapiente. Odio unde delectus accusamus, assumenda nihil exercitationem. Accusamus amet, eius reiciendis voluptates laboriosam vitae temporibus architecto dicta hic repellendus cumque dolorem fugiat natus explicabo ducimus recusandae. Laboriosam perspiciatis corrupti sit minima vero repudiandae, sed ab accusamus cumque quisquam molestiae dicta eius officia aliquid dolore eum nihil. Iste, repellat ipsum, cumque tempora repudiandae unde quam debitis similique mollitia nobis optio nam non sapiente. Quo, laboriosam ullam quae libero fugit, nobis beatae aliquid modi quam et soluta cumque ipsum iure optio labore porro? Eveniet cumque magnam laudantium itaque autem blanditiis! Porro numquam voluptatum dignissimos quae, nulla minima nesciunt ducimus quisquam vero, dicta architecto ut labore aliquam doloremque maxime asperiores ipsa laboriosam, quia quas placeat mollitia eligendi in repudiandae. Quasi voluptatibus adipisci assumenda ea sint, commodi rem tenetur magnam atque maxime dolor vero dolorem esse laborum harum officia iste ratione consequuntur doloribus molestiae? Impedit similique iusto facere consectetur illum dolore, laboriosam adipisci nemo atque itaque nulla saepe libero, corporis doloribus eos vel temporibus? Ipsa sapiente reprehenderit quam eligendi, odit debitis illum dolores molestias. Similique officiis, asperiores, totam minima maxime tenetur earum expedita hic magnam ipsam itaque facere, atque necessitatibus error quasi at quia eos in unde. Pariatur deleniti quo hic! Sit aperiam provident labore soluta blanditiis, consequuntur iure at quisquam nam asperiores, culpa quod nihil? Vitae eos amet illo. Voluptatum error tenetur, accusantium voluptas quibusdam assumenda fugiat minus molestiae explicabo consectetur quasi corrupti nesciunt illum! Nostrum temporibus quia nihil vitae quod a. Veritatis blanditiis, sint, autem aperiam odit voluptatibus vel praesentium porro et, fugiat optio temporibus libero enim recusandae alias beatae dignissimos culpa excepturi? Laborum sint officiis sequi quod, aut accusamus consequuntur nesciunt ex vero nisi? Quae alias accusantium nobis recusandae culpa! Libero doloribus, vel aut necessitatibus unde ea iusto beatae quod! Quisquam ullam rem voluptatibus voluptates, quas facere facilis consequuntur voluptate autem quaerat beatae exercitationem iste tempore numquam ut ab dolores molestiae incidunt eum fuga! Facere ducimus omnis quo iste repellendus accusantium, eligendi amet illo deleniti totam neque natus commodi dolorem modi, ipsam velit nisi reprehenderit est porro voluptate aperiam voluptas laudantium. Ullam placeat quas, dolorum consectetur quisquam sequi ipsa, hic vero quo sit, dicta autem ad velit beatae ratione natus a? Eveniet mollitia inventore recusandae, veniam dolorem vitae magnam? Exercitationem neque officia doloremque explicabo dolorum illo sit ad corporis obcaecati natus tempora sapiente ex a, nesciunt corrupti pariatur similique suscipit quos totam hic! Repellendus, aperiam officiis fuga atque saepe sunt! Officiis temporibus fuga natus nam doloribus magnam cupiditate tempora sit iste tempore unde provident eius culpa dolore fugit maiores, autem tenetur harum illo. Excepturi quibusdam voluptatibus minus fuga aspernatur, facere at beatae temporibus unde. Autem, culpa voluptatem. Porro totam maxime, quaerat enim vitae atque adipisci similique autem sequi ex ipsa, saepe dolorem? Quos optio natus nemo repudiandae, qui nam, quas nulla accusamus nisi aut, cumque error id sequi. Fuga dolorum odit quaerat ab animi sequi blanditiis, distinctio aspernatur soluta ut eius, magni error beatae natus officia incidunt? Obcaecati non nisi iusto reprehenderit pariatur dolorem.</p>
    <h2>章节6</h2>
    <p>Provident laboriosam suscipit unde voluptatem at in voluptate ex odio id praesentium neque non ut aliquam recusandae, blanditiis assumenda modi reiciendis, magnam tempore nulla? Maiores eligendi temporibus, officia error explicabo cumque architecto pariatur asperiores consequuntur eos! Non facilis ratione facere provident, qui omnis aspernatur ad! Praesentium eos quidem harum similique explicabo laboriosam sed doloremque, cumque numquam ipsam dolorum vero, aliquam facilis ipsum sit error? Numquam impedit exercitationem doloribus explicabo nostrum unde inventore eius culpa facilis sequi praesentium repellat, itaque, dolorum nesciunt deleniti assumenda consequatur? Harum quos sed deserunt aut praesentium reprehenderit nemo temporibus veritatis, dicta at, delectus, ab labore repellendus. Expedita cupiditate ipsa nesciunt nulla consequuntur repudiandae quidem, ullam, asperiores ex qui, totam voluptatem. Maiores repellendus eligendi reiciendis dicta quae iste nostrum beatae quibusdam autem illum voluptatem ipsam a necessitatibus iusto culpa cum, adipisci similique, molestiae nobis mollitia. Enim modi illo eos rerum delectus molestias sint, exercitationem beatae inventore, cum asperiores fuga rem aperiam, a sit accusamus temporibus itaque hic. Repellat, alias consectetur quae quia aspernatur ea modi labore provident sint incidunt dignissimos placeat voluptatum hic eum fuga deserunt pariatur repellendus iusto perspiciatis dolor nemo voluptate dolores architecto. Nemo quo ullam laboriosam illum quis libero eligendi voluptatibus, labore possimus, vel placeat laudantium sunt ducimus quam maiores itaque dolore quisquam aliquid sed consectetur vero inventore in temporibus? Sit voluptatem doloribus expedita minima suscipit placeat voluptatibus? Dolorem eligendi eos fugit possimus vel sed autem! Nam, minima. Molestias sed vero illo culpa consequuntur quisquam dolorem dolore, qui officiis eos doloribus nulla illum optio, neque quam consequatur. Doloremque inventore voluptates maxime molestias qui atque excepturi expedita officiis distinctio alias est autem illum ratione, quisquam possimus perspiciatis numquam corporis. Recusandae fugiat tenetur suscipit commodi, asperiores modi eaque repellendus fugit ipsum molestias quia perferendis quod deserunt ex animi non similique quis doloremque vero expedita alias earum architecto rerum? Nihil mollitia, pariatur aut, quam culpa doloribus beatae unde ipsa itaque voluptatem provident accusantium ducimus temporibus perspiciatis! Ratione repellat alias laudantium explicabo nisi harum incidunt? Eius molestias accusamus eligendi magni quaerat cum quos corrupti, asperiores ipsa quas enim aspernatur adipisci incidunt. Porro ad inventore autem expedita voluptatibus quibusdam dolorem illum blanditiis deserunt incidunt voluptatum libero facilis magnam, dolor distinctio eveniet quidem architecto tempora maxime consequatur ab temporibus eum quas esse? Dicta beatae fugiat voluptatibus consequatur placeat qui maxime eos autem ea itaque magni porro et suscipit pariatur, dignissimos aliquam tempore tempora? Quasi deserunt aperiam doloribus, ipsam veritatis voluptatibus consectetur quod vel incidunt, magnam reprehenderit eaque ex necessitatibus libero, eos sit quis. Ut necessitatibus neque saepe itaque quis. Ab aut eligendi iste, temporibus ex sunt omnis nesciunt ad iusto, doloremque dolorem adipisci voluptate aliquam! Alias numquam excepturi nihil, voluptas aliquid harum deleniti facere dolorem ad labore culpa praesentium repudiandae eum cum minima debitis! Distinctio unde perferendis, natus at odit reprehenderit, vitae magni aut qui nemo dolore accusantium, esse cum enim magnam nam voluptatibus iure asperiores quis dignissimos temporibus labore voluptatem? Quos nemo aut voluptatibus similique rem blanditiis voluptates odio, eligendi in commodi dolorum possimus, necessitatibus alias? Quas, illum qui.</p>

2. id属性

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

若要在生成的六个h2元素中添加属性，应书写((h2[id="chapter$"]>{章节$})+p>lorem)*6
生成代码

    <h2 id="chapter1">章节1</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, voluptates. Saepe, quae numquam nihil praesentium vel eius neque dolorem, cumque esse minus ducimus cum et nam voluptas fugit fugiat sed?</p>
    <h2 id="chapter2">章节2</h2>
    <p>Excepturi qui iste accusantium at delectus dolorum alias iusto quidem perferendis ratione, sequi vitae aliquid numquam inventore adipisci magnam ab voluptate? Mollitia praesentium illo magni maiores accusantium. Magni, inventore rerum.</p>
    <h2 id="chapter3">章节3</h2>
    <p>Cumque aperiam ut praesentium inventore doloremque voluptas, necessitatibus pariatur modi, rem nam nesciunt quo autem mollitia, facere ipsam quam ab? Repellat alias necessitatibus dicta itaque possimus nulla. Quam, pariatur cum.</p>
    <h2 id="chapter4">章节4</h2>
    <p>Dignissimos provident deleniti accusantium eius ea tenetur odit, veritatis nemo quae! Omnis nostrum sunt quas modi molestiae commodi unde. Officia quos corporis, nostrum ipsum fugit sequi soluta minima dolorem mollitia.</p>
    <h2 id="chapter5">章节5</h2>
    <p>Vel corporis quis obcaecati dolore quod maxime, cumque minus consequatur quasi incidunt, unde veritatis ipsam nulla aspernatur fugit eum inventore rem asperiores. Repudiandae corrupti reprehenderit consequuntur aspernatur veritatis saepe magnam?</p>
    <h2 id="chapter6">章节6</h2>
    <p>Recusandae praesentium numquam aliquid reiciendis dolore dolorum esse exercitationem tempore assumenda maiores quas ipsum sint reprehenderit amet culpa ratione ut sed, hic ex ipsa! Possimus culpa voluptatum eveniet dolor tenetur?</p>

3. target属性

表示跳转窗口位置。

target的取值：

• _self：在当前页面窗口打开，默认值；
• _blank：在新窗口中打开。

<!-- target属性 -->
<a href="https://douyu.com" target="_self">斗鱼直播</a>
<a href="https://douyu.com" target="_blank" title="斗鱼，每个人的直播平台">斗鱼直播</a>