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