مطالبی که خواهید آموخت:
- از ویژگی 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>
نتیجه:
فصل1
این فصل آموزش HTML را توضیح می دهد
فصل2
این فصل آموزش HTML را توضیح می دهد
فصل3
این فصل آموزش HTML را توضیح می دهد
فصل4
این فصل آموزش HTML را توضیح می دهد
فصل5
این فصل آموزش HTML را توضیح می دهد
فصل6
این فصل آموزش HTML را توضیح می دهد
فصل7
این فصل آموزش HTML را توضیح می دهد
فصل8
این فصل آموزش HTML را توضیح می دهد
فصل9
این فصل آموزش HTML را توضیح می دهد
فصل10
این فصل آموزش HTML را توضیح می دهد