استفاده از هایپرلینک ها

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

عنصری که یک هایپرلینک ایجاد می کند، عنصر لنگر سطح متن است.

در ابتدا، که ممکن است تا حدی غیر منطقی به نظر برسد – فکر می کنید یک لنگر شما را در یک مکان نگه می دارد به جای اینکه شما را به جای دیگری بفرستد. اما برعکس فکر کنید:

عنصر لنگر چیزی است که یک صفحه وب دیگر را به صفحه وب فعلی شما متصل می کند. دنبال کردن لنگر شما را به صفحه وب دیگر می برد!

قالب بندی یک هایپرلینک

از آنجا که عنصر لنگر یک عنصر در سطح متن است، از آن برای علامت گذاری متن در داخل استفاده می کنید.

یک بلوک. سپس آن متن تبدیل به هایپرلینک می شود. شما با استفاده از تگ <a> یک عنصر لنگر اضافه می کنید.

عنصر لنگر دو طرفه است، بنابراین هر دو یک برچسب باز کننده دارد.

(<a>) و یک برچسب بسته شدن (</a>).

متن داخل تگ های باز و بسته شدن به عنوان تبدیل می شود متن هایپرلینک چند ویژگی مختلف برای تگ <a> موجود است، اما مهمترین آنها ویژگی href است. ویژگی href مشخص می‌کند که هایپرلینک بازدیدکنندگان سایت شما را به کجا می‌برد:

<a href=”http://www.google.com”>Click here to search.</a>

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

در اینجا گزینه های شما برای ویژگی هدف وجود دارد:

“”_جای خالی:

صفحه مشخص شده را در یک برگه یا پنجره جدید باز می کند.

“”_خود:

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

این رفتار پیش‌فرض در HTML5 است، بنابراین لازم نیست آن را اضافه کنید مگر اینکه بخواهید برای شفاف‌سازی در کدتان.

“”_والدین:

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

بنابراین این گزینه به ندرت استفاده می شود.

»»_top: صفحه مشخص شده را در پنجره اصلی که شامل فریم تعبیه شده در سایر فریم ها است باز می کند.

این به ندرت استفاده می شود.

شما از ویژگی target به صورت زیر استفاده می کنید:

<a href=”http://www.google.com” target=”_blank”>Click here to search.</a>

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

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