超链接a标签和路径

a标签⽤法

 跳转：<a href="xxx">链接⽂本</a>
锚点：<a href="#xxx"></a>

target属性

 brank：打开新的浏览器标签

路径

 根据资源的类型判断，⼀般站外资源⽤绝对路径，站内资源⽤相对路径
 
绝对路径
https://xdclass.net
 
相对路径
./ 代表当前⽬录
../ 代表的上⼀级⽬录

代码案例

 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <a href="https://xdclass.net">小滴课堂</a>
  <a href="#index3">跳转到标题3</a>
  <!-- 在当前页面上跳转 -->
  <a href="https://xdclass.net" target="">空白跳转</a>
    <!-- 打开新的标签页 -->
  <a href="https://xdclass.net" target="blank">空白跳转</a>
  <!--相对路径-->
  <a href="../第2集/2.img标签详解.html">跳转到语义化标签</a>
  <!--本地绝对路径-->
  <a href="/Users/liuwenzhao/Desktop/源代码/第二章/第4集/4.语义化标签.html">跳转到语义化标签</a>
  <h3>
    标题1
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet illum, repellendus voluptatum corporis adipisci
      sunt quidem! Omnis quae necessitatibus, numquam eligendi laborum voluptate odit voluptatem sequi modi
      reprehenderit exercitationem vel, ipsum et voluptatum nulla est temporibus, tempora sit ipsam ab maxime. Assumenda
      minus incidunt accusamus culpa eius vero nisi beatae aliquid? Voluptas, aliquid harum accusamus voluptatibus at
      consequatur aliquam soluta adipisci quo facilis mollitia deleniti autem natus odit porro. Placeat ab ipsam
      dignissimos cum, consequuntur eligendi repellendus? Minus earum beatae ullam impedit atque, obcaecati voluptate
      qui est laboriosam molestias illo sed similique a! Molestias, autem, modi expedita facilis at sed maiores sit nemo
      id voluptatum, libero culpa eaque delectus quibusdam alias doloribus consequuntur accusamus. Eum error, illo quod,
      eveniet obcaecati adipisci quos ea fugit quo optio dolorum qui, quasi itaque. Vero, possimus aliquam modi alias
      quis dolorem non reiciendis facere repellat ratione consectetur autem provident ullam dicta cumque veniam soluta
      impedit. Cupiditate pariatur consectetur minima, magni iusto neque ipsa consequatur sint laborum eveniet alias,
      sapiente dolores repellendus? Assumenda, nulla aliquam odio impedit suscipit id reprehenderit dignissimos ratione
      explicabo eos, dolorem nemo voluptatem in laboriosam vel nostrum, similique saepe doloremque! Rerum animi in modi
      maiores excepturi et sint, cumque praesentium, esse iusto quia. Laudantium, eveniet magni temporibus veritatis
      cumque repudiandae corrupti libero deserunt pariatur deleniti rem animi sapiente ipsa cum ex reiciendis vel illum
      autem quasi quo dolore, voluptatem natus voluptatibus recusandae. Et, suscipit dicta! Suscipit, esse facilis magni
      enim animi sapiente eos aliquid possimus hic molestiae dignissimos quos neque officiis consequatur, quasi ipsam
      saepe placeat, id ab! In nesciunt tempore exercitationem reprehenderit veritatis laudantium? Quod delectus,
      corporis autem architecto rem laboriosam. Quam nam fugit excepturi quo nulla illum harum earum reiciendis
      voluptates aspernatur! Repellendus aspernatur facere laborum iure reiciendis et, laudantium ab sunt deserunt alias
      doloribus fugit dicta quod officiis, ad voluptatum inventore a est voluptas sint voluptates! Maxime modi facilis,
      dicta voluptatibus exercitationem sunt ab libero earum repudiandae adipisci mollitia officia vero ut sapiente
      eveniet id nostrum a fuga repellendus in architecto autem. Rerum praesentium reiciendis laudantium alias fugit a,
      similique perferendis quisquam quas ex id repudiandae est quia sunt vero voluptatum quibusdam odio cumque
      exercitationem. Tempore praesentium modi dicta nemo molestiae ratione quisquam ab delectus rerum officiis labore
      porro, possimus quaerat optio iusto magni, quam tenetur pariatur perspiciatis eaque eligendi asperiores. Ipsum
      impedit earum quaerat exercitationem similique ea! Vel dignissimos laborum eius rerum, tenetur facere earum quam
      ipsa doloribus inventore, voluptate reprehenderit ut autem incidunt similique suscipit, ducimus odit illum
      accusantium ab blanditiis odio. Itaque et aliquam saepe delectus eum veritatis molestiae quo quas esse atque,
      fugiat perspiciatis debitis libero, pariatur modi voluptatem recusandae alias. Enim perspiciatis dolorem
      reiciendis perferendis, veritatis praesentium fugit eum iusto cum ex rerum beatae explicabo, totam est quibusdam
      placeat architecto iure modi distinctio quasi voluptas? Modi, ex voluptatem dolorem amet minus sequi at vero
      tempora culpa doloremque velit recusandae ab cumque saepe obcaecati soluta porro explicabo quod commodi cupiditate
      beatae, error possimus a? In ut incidunt nulla asperiores quam pariatur recusandae eius officiis porro
      consequuntur optio fuga, id blanditiis neque sed maiores. Iste nobis recusandae, deserunt non officiis laboriosam
      atque consequuntur praesentium magni quam repellendus, ea est sapiente ipsum nisi quasi numquam esse? Fuga
      officiis, quis ipsa quam quidem suscipit, minima cupiditate sapiente deserunt praesentium earum, possimus tempore
      impedit nihil? Unde reprehenderit facilis eaque nisi, corrupti dicta sed harum tempora eveniet pariatur ex dolore
      ad ullam, tenetur ut soluta eos odit odio! Commodi asperiores unde cumque earum facere illum odit. Aliquam fugit
      similique qui odit reprehenderit. Dolorem porro adipisci sed dignissimos maiores quod nisi enim ad excepturi,
      tenetur molestias, et, perspiciatis beatae nostrum.</p>
  </h3>
  <h3>
    标题2
    <p>Laboriosam eligendi temporibus quia non odio distinctio ipsa perferendis fugiat officia eos, nostrum voluptas,
      recusandae maiores neque! Similique veniam autem saepe repellat quae provident ullam alias exercitationem, commodi
      blanditiis enim aliquid consequuntur obcaecati a officia ducimus deserunt voluptatibus dolor modi, voluptate
      eligendi esse? Optio, commodi sequi culpa sit ex facilis rem rerum asperiores praesentium pariatur illo nesciunt
      ipsa libero harum, dignissimos in! Incidunt id, deleniti culpa numquam, velit perferendis molestiae totam
      quibusdam maiores sed laudantium, tempore eligendi deserunt animi. Magnam beatae, praesentium veritatis tenetur
      aut provident modi esse temporibus architecto sit! Suscipit nam voluptatibus est eaque deserunt ab temporibus
      nihil distinctio expedita. Reprehenderit aliquid vel quas dolores. Error, at eum deleniti temporibus earum
      consectetur praesentium ipsa. Aliquid officia consequatur suscipit eum molestias tenetur atque, libero doloribus
      aut tempore qui repudiandae possimus tempora porro architecto placeat fuga aliquam quaerat totam temporibus
      necessitatibus eos nam earum ex! Pariatur esse blanditiis recusandae numquam illo expedita necessitatibus nesciunt
      optio molestias mollitia rerum omnis nisi consequuntur facere nobis, aperiam, consequatur est ex maiores enim,
      distinctio adipisci eos veniam. Nulla omnis minus accusantium molestiae totam sint adipisci voluptatibus expedita
      eaque a! Facilis alias laboriosam assumenda nostrum, quas et aspernatur soluta accusantium ullam blanditiis velit
      labore officia modi. Distinctio laborum a, debitis molestiae odit pariatur ab voluptatum sed consectetur assumenda
      impedit inventore natus eligendi ea hic, saepe illum voluptate amet soluta eaque maiores vero dolor totam tenetur!
      Odit, aut. Fugiat est voluptatum suscipit dolorum! Alias corrupti, impedit odio vero corporis officiis dolorem
      quidem tempora voluptate saepe asperiores non magnam consequatur quas incidunt. Temporibus blanditiis reiciendis
      perspiciatis, repellat architecto explicabo dolore quod fugiat fugit numquam, ad, nemo quos maxime! Esse, ullam.
      Voluptates voluptate, nesciunt dolore repellat accusamus est, voluptas dolores ipsum obcaecati adipisci incidunt
      ad aliquid repellendus veritatis totam nobis officiis autem. Atque repellat perspiciatis adipisci omnis quae vero
      illum porro sed, libero accusantium explicabo, reiciendis nam rem! Dignissimos veritatis nostrum dolore quibusdam
      asperiores sunt porro nulla, vero ipsum inventore in rem officia temporibus maiores doloribus voluptatum molestiae
      molestias quae, magni quaerat sit, blanditiis quos error cumque. Iusto quod repellendus pariatur nesciunt saepe
      doloremque, cum, animi asperiores sit distinctio ut. Culpa modi corporis, consequatur ratione, reiciendis
      architecto numquam possimus soluta quisquam aliquam eos eveniet omnis aliquid maxime harum nemo delectus amet
      minima excepturi rem magnam blanditiis. Quas unde asperiores obcaecati consectetur, assumenda iure at molestias
      praesentium cupiditate eos sint laudantium ab provident explicabo minima molestiae. Sapiente pariatur facilis
      voluptatum amet voluptate quis, nobis sed obcaecati veniam. A ipsum fugiat libero praesentium? Sequi enim
      deserunt, sapiente impedit velit molestias sint libero officia. Atque beatae sit corrupti totam suscipit porro
      nesciunt minus iste placeat adipisci dolorem odio harum tempore error voluptates dignissimos officiis, soluta
      veritatis nostrum doloribus accusantium quis velit deleniti? Velit delectus repellat ullam praesentium, eligendi
      minima adipisci, fuga reiciendis natus quam harum saepe repellendus magni qui amet corrupti ipsam perferendis,
      earum soluta molestias tenetur. Quis vitae rerum enim cumque illo natus aliquam iure harum pariatur, explicabo
      similique facilis accusantium architecto aliquid error placeat possimus! Reprehenderit optio quae excepturi maxime
      qui ab, modi ex vitae corporis accusantium odit similique repudiandae a quaerat sit eius exercitationem officiis,
      ea repellat. Alias quasi quia ex sequi amet? Suscipit ea consequatur omnis totam facilis iste accusantium ratione
      magnam odit repudiandae corporis quasi explicabo similique deleniti molestiae quidem, fugit perferendis iusto
      assumenda numquam. Iure accusamus consequuntur a asperiores repellat, quod consectetur quis tenetur, autem odio
      molestias dignissimos alias commodi mollitia sapiente nostrum quam distinctio? Beatae ducimus fugit in repudiandae
      autem! Illum sunt dolorem architecto saepe cumque error blanditiis nam nihil quo animi non vel maiores, temporibus
      quis ratione repellat suscipit quaerat perspiciatis maxime ullam!</p>
  </h3>
  <h3 id='index3'>
    标题3
    <p>Hic molestias sunt dignissimos, modi ex impedit cumque debitis officia, expedita minus eligendi veniam adipisci
      animi laborum consequatur, soluta numquam fugiat ab placeat amet illum unde iste distinctio tenetur! Voluptatum
      optio impedit magnam voluptas ipsam quo doloribus itaque amet veritatis! Pariatur iusto doloremque, sed illo,
      cupiditate officiis ab soluta provident iste ratione libero explicabo. Quisquam possimus ex quidem consequatur
      vitae ducimus ut nobis, dolorem qui quis, placeat illo facere voluptas vero odit earum impedit maxime nemo
      mollitia quas, commodi numquam. Nostrum, optio illum molestiae cum harum voluptates, odio sequi fuga earum quos
      neque. Cumque veritatis rerum ducimus qui in, perferendis, excepturi dolore eos repudiandae eum, porro voluptate
      possimus nostrum facilis reiciendis unde quos laborum omnis voluptatem minima quam. Delectus, consequuntur sunt
      porro distinctio inventore optio ex aliquid libero, assumenda, facere alias mollitia. Blanditiis laudantium
      distinctio delectus dolores laboriosam modi, laborum alias labore, nihil tempore quis ab fuga accusantium iusto
      tenetur perferendis porro totam similique reprehenderit quos provident voluptates dolore cumque aspernatur. Itaque
      vel eaque, fugit dolores nobis quas quidem labore architecto! Deserunt fuga debitis nulla quod ducimus.
      Reprehenderit deleniti adipisci fuga quas voluptatum quis? Accusantium odit odio fuga in alias! Deserunt, rerum!
      Aliquid id nesciunt et iure corrupti esse inventore deleniti accusamus. Consectetur possimus tempore eum
      assumenda. Consectetur et ipsum sequi nulla eos molestias quia, aliquid fugit quidem consequuntur officia ex sunt
      laboriosam nesciunt sit! Quisquam iste accusamus ex praesentium magni aperiam, voluptate tempore ullam corporis
      eligendi, ab quae! Sint cupiditate dolores expedita asperiores accusantium, architecto, accusamus repellendus
      deleniti modi, eos recusandae eum doloremque porro labore. Placeat reprehenderit vero id omnis atque corporis
      illum obcaecati cum rem vitae maxime minus, eum aut laudantium assumenda porro eveniet, aliquam totam ut
      aspernatur numquam ex cumque expedita? Exercitationem nihil ducimus eius, vitae a tenetur quibusdam accusamus
      iusto perspiciatis facilis debitis expedita assumenda iste atque fugiat doloremque quos inventore illum aliquid
      cum asperiores veritatis architecto dolorem. Earum deserunt odio aspernatur! Neque deserunt quas vero similique
      corrupti, vitae expedita labore doloremque. Asperiores libero iusto totam officia voluptas explicabo odio sed
      labore! Debitis labore mollitia suscipit impedit rerum numquam corporis incidunt esse quam quas saepe provident,
      ut fugit id tempore vitae, eius, expedita repudiandae deleniti delectus odio voluptas quis illo. Repellat aliquid
      eveniet laudantium quaerat laborum dolore. Ipsam obcaecati blanditiis neque quas minima sequi iusto provident sint
      reiciendis. Fuga asperiores reiciendis sit et cum quas voluptate dolorem quidem quaerat eveniet, distinctio nam,
      ipsa sint sapiente eligendi, earum necessitatibus. Natus ipsum dicta vitae, molestiae, deserunt quae odit quis
      cupiditate iste aliquid non. Consectetur, vitae delectus iste repellendus esse minus saepe nam laborum adipisci
      eos quaerat nulla a, ad ex nostrum repudiandae, dicta consequatur dolor perferendis eum earum natus! Hic
      accusantium adipisci quo commodi minus nobis in modi cum nam sit, exercitationem id voluptas, possimus obcaecati a
      nulla quis facilis debitis! Atque eligendi laborum veritatis, doloremque repudiandae ex quia ducimus, quae sint
      facere magni cum neque iure nesciunt ipsa labore odio. Quis itaque possimus perferendis tempora officiis sunt
      veniam accusantium deleniti autem explicabo, est harum temporibus delectus fugit, odio nesciunt fuga eaque quam
      velit iure! Voluptatum laudantium nisi officiis recusandae dignissimos perferendis nesciunt quidem labore ut
      adipisci nobis aperiam animi nostrum sit eos asperiores doloremque voluptatem alias, tempore dolor, eum temporibus
      aut? Perspiciatis, saepe! Blanditiis quidem natus, in voluptatum illum necessitatibus atque provident quisquam.
      Culpa veritatis obcaecati eaque laborum, nisi animi possimus repellat quam maiores autem numquam ea nesciunt
      libero aut excepturi nobis sequi corporis pariatur. Reprehenderit ea laudantium recusandae dolore adipisci magni
      commodi unde quam tempore qui eum reiciendis et ad necessitatibus ex eos officia, officiis fuga, ipsam placeat est
      nisi explicabo assumenda. Dolorem dignissimos nam deserunt!</p>
  </h3>
</body>
</html>

posted @ 2022-08-29 21:58 DogLeftover 阅读(34) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 特殊选择器

· 图像img标签

· 路径和超链接

· HTML——A标签

· HTML常见标签

阅读排行：
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 字符编码：从基础到乱码解决
· 提示词工程——AI应用必不可少的技术

超链接a标签和路径

我的标签

合集 (4)

随笔分类 (1350)

阅读排行榜

推荐排行榜

	跳转：<a href="xxx">链接⽂本</a>
	锚点：<a href="#xxx"></a>

	根据资源的类型判断，⼀般站外资源⽤绝对路径，站内资源⽤相对路径

	绝对路径
	https://xdclass.net

	相对路径
	./ 代表当前⽬录
	../ 代表的上⼀级⽬录

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>
	<body>
	<a href="https://xdclass.net">小滴课堂</a>
	<a href="#index3">跳转到标题3</a>
	<!-- 在当前页面上跳转 -->
	<a href="https://xdclass.net" target="">空白跳转</a>
	<!-- 打开新的标签页 -->
	<a href="https://xdclass.net" target="blank">空白跳转</a>
	<!--相对路径-->
	<a href="../第2集/2.img标签详解.html">跳转到语义化标签</a>
	<!--本地绝对路径-->
	<a href="/Users/liuwenzhao/Desktop/源代码/第二章/第4集/4.语义化标签.html">跳转到语义化标签</a>
	<h3>
	标题1
	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet illum, repellendus voluptatum corporis adipisci
	sunt quidem! Omnis quae necessitatibus, numquam eligendi laborum voluptate odit voluptatem sequi modi
	reprehenderit exercitationem vel, ipsum et voluptatum nulla est temporibus, tempora sit ipsam ab maxime. Assumenda
	minus incidunt accusamus culpa eius vero nisi beatae aliquid? Voluptas, aliquid harum accusamus voluptatibus at
	consequatur aliquam soluta adipisci quo facilis mollitia deleniti autem natus odit porro. Placeat ab ipsam
	dignissimos cum, consequuntur eligendi repellendus? Minus earum beatae ullam impedit atque, obcaecati voluptate
	qui est laboriosam molestias illo sed similique a! Molestias, autem, modi expedita facilis at sed maiores sit nemo
	id voluptatum, libero culpa eaque delectus quibusdam alias doloribus consequuntur accusamus. Eum error, illo quod,
	eveniet obcaecati adipisci quos ea fugit quo optio dolorum qui, quasi itaque. Vero, possimus aliquam modi alias
	quis dolorem non reiciendis facere repellat ratione consectetur autem provident ullam dicta cumque veniam soluta
	impedit. Cupiditate pariatur consectetur minima, magni iusto neque ipsa consequatur sint laborum eveniet alias,
	sapiente dolores repellendus? Assumenda, nulla aliquam odio impedit suscipit id reprehenderit dignissimos ratione
	explicabo eos, dolorem nemo voluptatem in laboriosam vel nostrum, similique saepe doloremque! Rerum animi in modi
	maiores excepturi et sint, cumque praesentium, esse iusto quia. Laudantium, eveniet magni temporibus veritatis
	cumque repudiandae corrupti libero deserunt pariatur deleniti rem animi sapiente ipsa cum ex reiciendis vel illum
	autem quasi quo dolore, voluptatem natus voluptatibus recusandae. Et, suscipit dicta! Suscipit, esse facilis magni
	enim animi sapiente eos aliquid possimus hic molestiae dignissimos quos neque officiis consequatur, quasi ipsam
	saepe placeat, id ab! In nesciunt tempore exercitationem reprehenderit veritatis laudantium? Quod delectus,
	corporis autem architecto rem laboriosam. Quam nam fugit excepturi quo nulla illum harum earum reiciendis
	voluptates aspernatur! Repellendus aspernatur facere laborum iure reiciendis et, laudantium ab sunt deserunt alias
	doloribus fugit dicta quod officiis, ad voluptatum inventore a est voluptas sint voluptates! Maxime modi facilis,
	dicta voluptatibus exercitationem sunt ab libero earum repudiandae adipisci mollitia officia vero ut sapiente
	eveniet id nostrum a fuga repellendus in architecto autem. Rerum praesentium reiciendis laudantium alias fugit a,
	similique perferendis quisquam quas ex id repudiandae est quia sunt vero voluptatum quibusdam odio cumque
	exercitationem. Tempore praesentium modi dicta nemo molestiae ratione quisquam ab delectus rerum officiis labore
	porro, possimus quaerat optio iusto magni, quam tenetur pariatur perspiciatis eaque eligendi asperiores. Ipsum
	impedit earum quaerat exercitationem similique ea! Vel dignissimos laborum eius rerum, tenetur facere earum quam
	ipsa doloribus inventore, voluptate reprehenderit ut autem incidunt similique suscipit, ducimus odit illum
	accusantium ab blanditiis odio. Itaque et aliquam saepe delectus eum veritatis molestiae quo quas esse atque,
	fugiat perspiciatis debitis libero, pariatur modi voluptatem recusandae alias. Enim perspiciatis dolorem
	reiciendis perferendis, veritatis praesentium fugit eum iusto cum ex rerum beatae explicabo, totam est quibusdam
	placeat architecto iure modi distinctio quasi voluptas? Modi, ex voluptatem dolorem amet minus sequi at vero
	tempora culpa doloremque velit recusandae ab cumque saepe obcaecati soluta porro explicabo quod commodi cupiditate
	beatae, error possimus a? In ut incidunt nulla asperiores quam pariatur recusandae eius officiis porro
	consequuntur optio fuga, id blanditiis neque sed maiores. Iste nobis recusandae, deserunt non officiis laboriosam
	atque consequuntur praesentium magni quam repellendus, ea est sapiente ipsum nisi quasi numquam esse? Fuga
	officiis, quis ipsa quam quidem suscipit, minima cupiditate sapiente deserunt praesentium earum, possimus tempore
	impedit nihil? Unde reprehenderit facilis eaque nisi, corrupti dicta sed harum tempora eveniet pariatur ex dolore
	ad ullam, tenetur ut soluta eos odit odio! Commodi asperiores unde cumque earum facere illum odit. Aliquam fugit
	similique qui odit reprehenderit. Dolorem porro adipisci sed dignissimos maiores quod nisi enim ad excepturi,
	tenetur molestias, et, perspiciatis beatae nostrum.</p>
	</h3>
	<h3>
	标题2
	<p>Laboriosam eligendi temporibus quia non odio distinctio ipsa perferendis fugiat officia eos, nostrum voluptas,
	recusandae maiores neque! Similique veniam autem saepe repellat quae provident ullam alias exercitationem, commodi
	blanditiis enim aliquid consequuntur obcaecati a officia ducimus deserunt voluptatibus dolor modi, voluptate
	eligendi esse? Optio, commodi sequi culpa sit ex facilis rem rerum asperiores praesentium pariatur illo nesciunt
	ipsa libero harum, dignissimos in! Incidunt id, deleniti culpa numquam, velit perferendis molestiae totam
	quibusdam maiores sed laudantium, tempore eligendi deserunt animi. Magnam beatae, praesentium veritatis tenetur
	aut provident modi esse temporibus architecto sit! Suscipit nam voluptatibus est eaque deserunt ab temporibus
	nihil distinctio expedita. Reprehenderit aliquid vel quas dolores. Error, at eum deleniti temporibus earum
	consectetur praesentium ipsa. Aliquid officia consequatur suscipit eum molestias tenetur atque, libero doloribus
	aut tempore qui repudiandae possimus tempora porro architecto placeat fuga aliquam quaerat totam temporibus
	necessitatibus eos nam earum ex! Pariatur esse blanditiis recusandae numquam illo expedita necessitatibus nesciunt
	optio molestias mollitia rerum omnis nisi consequuntur facere nobis, aperiam, consequatur est ex maiores enim,
	distinctio adipisci eos veniam. Nulla omnis minus accusantium molestiae totam sint adipisci voluptatibus expedita
	eaque a! Facilis alias laboriosam assumenda nostrum, quas et aspernatur soluta accusantium ullam blanditiis velit
	labore officia modi. Distinctio laborum a, debitis molestiae odit pariatur ab voluptatum sed consectetur assumenda
	impedit inventore natus eligendi ea hic, saepe illum voluptate amet soluta eaque maiores vero dolor totam tenetur!
	Odit, aut. Fugiat est voluptatum suscipit dolorum! Alias corrupti, impedit odio vero corporis officiis dolorem
	quidem tempora voluptate saepe asperiores non magnam consequatur quas incidunt. Temporibus blanditiis reiciendis
	perspiciatis, repellat architecto explicabo dolore quod fugiat fugit numquam, ad, nemo quos maxime! Esse, ullam.
	Voluptates voluptate, nesciunt dolore repellat accusamus est, voluptas dolores ipsum obcaecati adipisci incidunt
	ad aliquid repellendus veritatis totam nobis officiis autem. Atque repellat perspiciatis adipisci omnis quae vero
	illum porro sed, libero accusantium explicabo, reiciendis nam rem! Dignissimos veritatis nostrum dolore quibusdam
	asperiores sunt porro nulla, vero ipsum inventore in rem officia temporibus maiores doloribus voluptatum molestiae
	molestias quae, magni quaerat sit, blanditiis quos error cumque. Iusto quod repellendus pariatur nesciunt saepe
	doloremque, cum, animi asperiores sit distinctio ut. Culpa modi corporis, consequatur ratione, reiciendis
	architecto numquam possimus soluta quisquam aliquam eos eveniet omnis aliquid maxime harum nemo delectus amet
	minima excepturi rem magnam blanditiis. Quas unde asperiores obcaecati consectetur, assumenda iure at molestias
	praesentium cupiditate eos sint laudantium ab provident explicabo minima molestiae. Sapiente pariatur facilis
	voluptatum amet voluptate quis, nobis sed obcaecati veniam. A ipsum fugiat libero praesentium? Sequi enim
	deserunt, sapiente impedit velit molestias sint libero officia. Atque beatae sit corrupti totam suscipit porro
	nesciunt minus iste placeat adipisci dolorem odio harum tempore error voluptates dignissimos officiis, soluta
	veritatis nostrum doloribus accusantium quis velit deleniti? Velit delectus repellat ullam praesentium, eligendi
	minima adipisci, fuga reiciendis natus quam harum saepe repellendus magni qui amet corrupti ipsam perferendis,
	earum soluta molestias tenetur. Quis vitae rerum enim cumque illo natus aliquam iure harum pariatur, explicabo
	similique facilis accusantium architecto aliquid error placeat possimus! Reprehenderit optio quae excepturi maxime
	qui ab, modi ex vitae corporis accusantium odit similique repudiandae a quaerat sit eius exercitationem officiis,
	ea repellat. Alias quasi quia ex sequi amet? Suscipit ea consequatur omnis totam facilis iste accusantium ratione
	magnam odit repudiandae corporis quasi explicabo similique deleniti molestiae quidem, fugit perferendis iusto
	assumenda numquam. Iure accusamus consequuntur a asperiores repellat, quod consectetur quis tenetur, autem odio
	molestias dignissimos alias commodi mollitia sapiente nostrum quam distinctio? Beatae ducimus fugit in repudiandae
	autem! Illum sunt dolorem architecto saepe cumque error blanditiis nam nihil quo animi non vel maiores, temporibus
	quis ratione repellat suscipit quaerat perspiciatis maxime ullam!</p>
	</h3>
	<h3 id='index3'>
	标题3
	<p>Hic molestias sunt dignissimos, modi ex impedit cumque debitis officia, expedita minus eligendi veniam adipisci
	animi laborum consequatur, soluta numquam fugiat ab placeat amet illum unde iste distinctio tenetur! Voluptatum
	optio impedit magnam voluptas ipsam quo doloribus itaque amet veritatis! Pariatur iusto doloremque, sed illo,
	cupiditate officiis ab soluta provident iste ratione libero explicabo. Quisquam possimus ex quidem consequatur
	vitae ducimus ut nobis, dolorem qui quis, placeat illo facere voluptas vero odit earum impedit maxime nemo
	mollitia quas, commodi numquam. Nostrum, optio illum molestiae cum harum voluptates, odio sequi fuga earum quos
	neque. Cumque veritatis rerum ducimus qui in, perferendis, excepturi dolore eos repudiandae eum, porro voluptate
	possimus nostrum facilis reiciendis unde quos laborum omnis voluptatem minima quam. Delectus, consequuntur sunt
	porro distinctio inventore optio ex aliquid libero, assumenda, facere alias mollitia. Blanditiis laudantium
	distinctio delectus dolores laboriosam modi, laborum alias labore, nihil tempore quis ab fuga accusantium iusto
	tenetur perferendis porro totam similique reprehenderit quos provident voluptates dolore cumque aspernatur. Itaque
	vel eaque, fugit dolores nobis quas quidem labore architecto! Deserunt fuga debitis nulla quod ducimus.
	Reprehenderit deleniti adipisci fuga quas voluptatum quis? Accusantium odit odio fuga in alias! Deserunt, rerum!
	Aliquid id nesciunt et iure corrupti esse inventore deleniti accusamus. Consectetur possimus tempore eum
	assumenda. Consectetur et ipsum sequi nulla eos molestias quia, aliquid fugit quidem consequuntur officia ex sunt
	laboriosam nesciunt sit! Quisquam iste accusamus ex praesentium magni aperiam, voluptate tempore ullam corporis
	eligendi, ab quae! Sint cupiditate dolores expedita asperiores accusantium, architecto, accusamus repellendus
	deleniti modi, eos recusandae eum doloremque porro labore. Placeat reprehenderit vero id omnis atque corporis
	illum obcaecati cum rem vitae maxime minus, eum aut laudantium assumenda porro eveniet, aliquam totam ut
	aspernatur numquam ex cumque expedita? Exercitationem nihil ducimus eius, vitae a tenetur quibusdam accusamus
	iusto perspiciatis facilis debitis expedita assumenda iste atque fugiat doloremque quos inventore illum aliquid
	cum asperiores veritatis architecto dolorem. Earum deserunt odio aspernatur! Neque deserunt quas vero similique
	corrupti, vitae expedita labore doloremque. Asperiores libero iusto totam officia voluptas explicabo odio sed
	labore! Debitis labore mollitia suscipit impedit rerum numquam corporis incidunt esse quam quas saepe provident,
	ut fugit id tempore vitae, eius, expedita repudiandae deleniti delectus odio voluptas quis illo. Repellat aliquid
	eveniet laudantium quaerat laborum dolore. Ipsam obcaecati blanditiis neque quas minima sequi iusto provident sint
	reiciendis. Fuga asperiores reiciendis sit et cum quas voluptate dolorem quidem quaerat eveniet, distinctio nam,
	ipsa sint sapiente eligendi, earum necessitatibus. Natus ipsum dicta vitae, molestiae, deserunt quae odit quis
	cupiditate iste aliquid non. Consectetur, vitae delectus iste repellendus esse minus saepe nam laborum adipisci
	eos quaerat nulla a, ad ex nostrum repudiandae, dicta consequatur dolor perferendis eum earum natus! Hic
	accusantium adipisci quo commodi minus nobis in modi cum nam sit, exercitationem id voluptas, possimus obcaecati a
	nulla quis facilis debitis! Atque eligendi laborum veritatis, doloremque repudiandae ex quia ducimus, quae sint
	facere magni cum neque iure nesciunt ipsa labore odio. Quis itaque possimus perferendis tempora officiis sunt
	veniam accusantium deleniti autem explicabo, est harum temporibus delectus fugit, odio nesciunt fuga eaque quam
	velit iure! Voluptatum laudantium nisi officiis recusandae dignissimos perferendis nesciunt quidem labore ut
	adipisci nobis aperiam animi nostrum sit eos asperiores doloremque voluptatem alias, tempore dolor, eum temporibus
	aut? Perspiciatis, saepe! Blanditiis quidem natus, in voluptatum illum necessitatibus atque provident quisquam.
	Culpa veritatis obcaecati eaque laborum, nisi animi possimus repellat quam maiores autem numquam ea nesciunt
	libero aut excepturi nobis sequi corporis pariatur. Reprehenderit ea laudantium recusandae dolore adipisci magni
	commodi unde quam tempore qui eum reiciendis et ad necessitatibus ex eos officia, officiis fuga, ipsam placeat est
	nisi explicabo assumenda. Dolorem dignissimos nam deserunt!</p>
	</h3>
	</body>
	</html>