نشانه گذاری(Bookmark) در HTML

نشانه گذاری در HTML

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

در برنامه نویسی وب نشانه گذاری به بازدیدکنندگان سایت کمک می کند تا به سرعت به عنوان مورد نظر خود دسترسی پیدا کنند.[/vc_column_text]

مطالبی که خواهید آموخت:

از ویژگی id برای برای تعیین نشانه گذاری (Bookmark) در یک صفحه (id=”value“) استفاده می کنیم.
از ویژگی herf برای پیوند به نشانک (href=”#value“) در صفحه دیگری استفاده می کنیم.

ایجاد یک نشانک(Bookmark) در HTML

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

برای ایجاد نشانک ابتدا نشانک را ایجاد کنید ، سپس پیوندی به آن اضافه کنید.وقتی روی پیوند کلیک می شود ، صفحه با نشانک به پایین یا بالا(اسکرول) حرکت می کند و به نقطه مورد نظر میرسد.

نحوه نشانه گذاری در HTML

مثال
ابتدا از ویژگی id برای ایجاد نشانک استفاده کنید:

<h2 id="C4">فصل 4</h2>

سپس ، پیوندی به نشانک (“رفتن به فصل 4”) ، از داخل همان صفحه اضافه کنید:

<a href="#C4">رفتن به فصل 4</a>

مثال جامع:

<!DOCTYPE html>
<html>
<body>

<p><a href="#C4">رفتن به فصل 4</a></p>
<p><a href="#C10">رفتن به فصل 10</a></p>

<h2>فصل1</h2>
<p>این فصل آموزش HTML را توضیح می دهد</p>

<h2>فصل2</h2>
<p>این فصل آموزش HTML را توضیح می دهد</p>

<h2>فصل3</h2>
<p>این فصل آموزش HTML را توضیح می دهد</p>

<h2 id="C4">فصل4</h2>
<p>این فصل آموزش HTML را توضیح می دهد</p>

<h2>فصل5</h2>
<p>این فصل آموزش HTML را توضیح می دهد</p>

<h2>فصل6</h2>
<p>این فصل آموزش HTML را توضیح می دهد</p>

<h2>فصل7</h2>
<p>این فصل آموزش HTML را توضیح می دهد</p>

<h2>فصل8</h2>
<p>این فصل آموزش HTML را توضیح می دهد</p>

<h2>فصل9</h2>
<p>این فصل آموزش HTML را توضیح می دهد</p>

<h2 id="C10">فصل10</h2>
<p>این فصل آموزش HTML را توضیح می دهد</p>

</body>
</html>

نتیجه:

رفتن به فصل 4

رفتن به فصل 10