در این مقاله سعی بر آن دارم که از صفر تا صد لینک دادن به نقاط مختلف در یک صفحه یا ساخت تگ لینک را آموزش دهم. برای اینکه دقیقا متوجه شوید که منظور از لینک دادن به جاهای مختلف از یک صفحه چگونه است من مثالی برای شما می آورم.
در این پست برای مثال ده فصل از یک مقاله رو نام میبرم و شما میتوانید با کلیک بر برو به فصل ۷ مستقیم به فصل هفت در این صفحه بروید و سپس به چگونگی ساخت تگ لینک میپردازم (چگونگی ساخت تگ لینک)
فصل ۱
این قسمت فصل یک است
فصل ۲
این قسمت فصل دو است
فصل ۳
این قسمت فصل سه است
فصل ۴
این قسمت فصل چهار است
فصل ۵
این قسمت فصل پنج است
فصل ۶
این قسمت فصل شش است
این قسمت فصل هفت است
فصل ۸
این قسمت فصل هشت است
فصل ۹
این قسمت فصل نه است
فصل ۱۰
این قسمت فصل ده است
چگونگی لینک دادن به نقاط مختلف در یک صفحه – ساخت تگ لینک
ما برای لینک دادن از یک روش استفاده میکنیم. برای روشن شدن مطلب، مثال بالا را برای شما توضیح میدهم. برای درست کردن لینک: “برو به فصل ۷ ” تگ را به این شکل تایپ میکنیم،
<a href="#fasle7">برو به فصل ۷</a>
توجه کنید که باید یک کلمه رو بین ” ” و در اول کلمه باید از # استفاده کنید. علامت # به مرورگر میفهماند که مقصد پیوندی نامگذاری شده در همین صفحه است.
اما برای اینکه وقتی بر روی لینک میزنیم جایی که در صفحه منظور ماست نشان داده شود از دو روش میتوانیم استفاده کنیم:
روش اول استفاده از تگ name
برای درک بهتر از مثال بالا استفاده میکنم لنگر یا فرود ما جمله فصل ۷ است برای اینکه پس از کلیک به آن فرود بیاییم از این کد استفاده میکنیم:
<a name="fasle7">فصل ۷</a>
گفته میشود که این روش در HTML5 جوابگو نیست پس بهتر است که از روش دوم برای لنگر درست کردن استفاده کنیم.
روش دوم استفاده از تگ id
برای استفاده از این لنگر یا مکان فرود دوباره من برای روشن شدن مطلب از مثال بالا استفاده میکنم.
<a id="fasle7">فصل ۷</a>
توجه داشته باشید که این تفاوتها فقط در لنگر یا مکان فرود هست، در لینک دادن به کلمهای که قرار است کلیک شود تفاوتی وجود ندارد.
چگونگی لینک دادن از یک پست به وسط یا انتهای پست دیگر
برای استفاده از این روش باید توجه داشته باشیم که مکان فرود یا لنگر رو با استفاده از یکی از روشهای بالا باید ساخته باشیم. از مثال بالا استفاده میکنم و یک لینک برای اینکه بیرون از مقاله به وسط این مقاله برود درست میکنم.
https://www.azsefrtasad.ir/لینک-به-نقاط-مختلف-یک-صفحه/#fasle7
کافی است که در انتهای لینکی که مکان فرود قرار دارد ستاره و سپس کلمه مورد نظر را قرار دهید.
امیدوارم توانسته باشم برای ساخت تگ لینک کمکی کرده باشم.
کیشه یک انیمیشن جاوا اسکریپ هم بگید تا اضافه کنم تا خیلی قشنگ تر بشه