آموزش لینک به داخل فایل html

معمولا از درون یک صفحه وب به یک صفحه دیگر لینک می کنیم . اما امکان اینکه به جایی درون همان صفحه هم لینک کنیم وجود دارد. معمولا صفحات وب طولانی از این قابلیت استفاده می کنند.

آموزش لینک به داخل فایل html
Article مجازی

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

 

1- علامت گذاری مکان ها با ویژگی id

برای اینکه کاربران بتوانند به یک مکان خاص در یک فایل لینک کنند، باید با اضافه کردن ویژگی id به تگی در آن مکان، آن مکان را شناسایی کنند:

id="text"

اینجا text نامی است که به شناسه اختصاص داده شده است.

توجه داشته باشید که id ها باید منحصر به فرد باشند. اگر همان id را به بیش از یک عنصر اختصاص دهید، مرورگر به اولین id پرش می کند.

 

2- لینک به یک id

هنگامی که مکان را با یک id مشخص کردید، با استفاده از لینک a می توانید به آن تگ لینک کنید:

که در آن file نام فایل و id به تگ مورد نظر اشاره می کند. به عنوان مثال، لینک زیر به تگ "lunch" در فایل ct_fullmenus.html اشاره می کند:

برای لینک به یک مکان در صفحه فعلی، فقط مقدار id را همراه با نماد # درج کنید. بنابراین، لینک زیر به شناسه lunch در صفحه وب فعلی اشاره می کند:

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

 

محتوا
  • - آموزش لینک به داخل فایل HTML

  • آموزش لینک به داخل فایل html

توسعه وب / HTML-CSS