100% کامل شده تا

ساخت نشانک - لینک‌ها در اچ‌تی‌ام‌ال (HTML Links - Create Bookmarks)

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< HTML:Tutorial‏ | لینک ها(تغییرمسیر از بوکمارک لینک)
پرش به ناوبری پرش به جستجو


از پیوندهای HTML می‌توان برای ایجاد نشانک استفاده کرد، به طوری که خوانندگان می‌توانند به قسمت‌های خاصی از یک صفحه وب پرش کنند.[۱]


ایجاد یک نشانک در HTML

اگر یک صفحه وب بسیار طولانی باشد، نشانک‌ها می‌توانند مفید باشند.

برای ایجاد نشانک - ابتدا نشانک را ایجاد کنید، سپس پیوندی به آن اضافه کنید.

هنگامی که برروی لینک کلیک شود، صفحه برای رفتن به مکان نشانک به بالا یا پایین پیمایش می‌کند.

مثال

ابتدا، یک نشانک با ویژگی idایجاد می‌کنیم:

<h2 id="C4">Chapter 4</h2>


مثال

سپس پیوندی را به نشانک ("برو به فصل ۴") از همان صفحه اضافه کنید:

<a href="#C4">Jump to Chapter 4</a>

مثال

<!DOCTYPE html>
<html>
<body>

<p><a href="#C4">Jump to Chapter 4</a></p>
<p><a href="#C10">Jump to Chapter 10</a></p>

<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>

<h2 id="C4">Chapter 4</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 7</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 8</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 9</h2>
<p>This chapter explains ba bla bla</p>

<h2 id="C10">Chapter 10</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 11</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 12</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 13</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 14</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 15</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 16</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 17</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 18</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 19</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 20</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 21</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 22</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 23</h2>
<p>This chapter explains ba bla bla</p>

</body>
</html>

Responsive demo.svg


همچنین می‌توان یک لینک به نشانکی در صفحه دیگر اضافه کرد:

<a href="html_demo.html#C4">Jump to Chapter 4</a>


خلاصهٔ بخش (Chapter Summary)

از ویژگی id (id="value") برای تعریف نشانک‌ها در یک صفحه استفاده کنید
از ویژگی href (href="#value") برای پیوند به نشانک استفاده کنید


تگ‌های لینک اچ‌تی‌ام‌ال (HTML Link Tags)


منابع آموزشی




به‌روزرسانی شده: ۵ روز پیش