آموزش href در HTML
یک href برای گنجاندن پیوندهای خارجی و داخلی در یک وب سایت استفاده می شود. مقادیر مجاز برای ویژگی HTML href به وضوح تعریف شده است. نمونه هایی از پیوندها شامل پیوندهایی به سایر وب سایت ها و ارسال به آدرس های ایمیل یا شماره تلفن است.
href چیست و چه کاربردی دارد؟
href به کاربران اجازه می دهد تا پیوندهای خارجی یا داخلی را در یک سند HTML ایجاد کنند. هنگامی که به درستی استفاده شود، ویژگی href به طور یکپارچه در وب سایت شما ادغام می شود و در قالب یک لینک ظاهر می شود. این به بازدیدکنندگان اجازه می دهد تا روی صفحه دیگری در سایت شما کلیک کرده و از آن بازدید کنند. href مخفف “hyper reference” است و مقصد پیوند مورد نظر را مشخص می کند. ویژگی های href مزایای بی شماری را به وب سایت شما ارائه می دهد. به عنوان مثال، آنها ساختار بهتری را ارائه می دهند، ناوبری را تسهیل می کنند و اطلاعات اضافی را ارائه می دهند. لینک ها همچنین می توانند برای سئو مفید باشند.
آموزش href در HTML
نحو Href همیشه در HTML یکسان است و به شکل زیر است:
<a href="URL">name of the link destination</a>هر بخش یک عملکرد مهم را انجام می دهد:
- a لینک را معرفی می کند. a یک متن لنگر را نشان می دهد. این تگ HTML نقطه شروع و پایان هایپرلینک را مشخص می کند.
- ویژگی href در متن لنگر استفاده می شود و هدف پرش پیوند مربوطه را تعیین می کند. علاوه بر یک وب سایت داخلی یا خارجی، اسناد یا تصاویر PDF نیز می توانند پیوند شوند.
- URL مربوط به پیوند در داخل علامت نقل قول قرار می گیرد. این با دامنه مشخص شده است، به عنوان مثال. “examplepage.com” برای یک صفحه خارجی یا “examplepage.html” برای یک پیوند داخلی.
- به دنبال آن متن قابل مشاهده است که قابل کلیک است.
- متن لنگر کامل است.
href ممکن است چه مقادیری داشته باشد؟
مقادیر href در HTML به وضوح تعریف شده است تا اطمینان حاصل شود که پیوند به درستی کار می کند. مقادیر مجاز برای href به شرح زیر است:
- URL مطلق: URL مطلق نمونه کلاسیک هنگام استفاده از href است. مستقیماً به یک وب سایت خارجی هدایت می شود. مثال: href=”https://www.ionos.com/digitalguidewww.examplesite.com”
- URL نسبی: URL نسبی به فایلی در یک وب سایت هدایت می شود. مثال: href=”https://www.ionos.com/digitalguidedefault.htm”
- پیوند به یک عنصر: پیوند مستقیم به یک عنصر در صورتی امکان پذیر است که دارای شناسه تعریف شده باشد. این به شما امکان می دهد بخش های انتخابی وب سایت داخلی خود را پیوند دهید. مثال: href=”#section3″
- پروتکل های دیگر: href برای پروتکل های دیگر مانند پیوند مستقیم به آدرس ایمیل نیز مناسب است. این کار از طریق mailto:. پروتکل های دیگر ممکن است شامل http://https://، ftp://، یا فایل: باشد.
- اسکریپت ها: اسکریپت هایی مانند جاوا اسکریپت نیز مقادیر مجاز برای یک href هستند. مثال: href=”javascript://www.ionos.com/digitalguidealert(‘آیا سؤال دیگری دارید’
آموزش href در HTML : پنج مثال برای استفاده از href
استفاده های مختلفی از href وجود دارد که می تواند در وب سایت شما پیاده سازی شود. ما برخی از رایج ترین کاربردهای href در HTML را به شما نشان خواهیم داد.
از تصویر به عنوان پیوند استفاده کنید
برای تنظیم یک تصویر به عنوان پیوند به صفحه فرعی با href از کد زیر استفاده کنید:
<a href="https://www.examplesite.com"><img src=" /example image.jpg" alt="image description"></a>پیوند به آدرس ایمیل
از mailto استفاده کنید: برای پیوند دادن یک آدرس ایمیل. می بایست شبیه به این باشه:
<a href="mailto:smith@examplesite.com">smith@examplemail.com</a>برنامه ایمیل بازدیدکنندگان با کلیک بر روی پیوند باز می شود و آدرس (smith@examplemail.com) به طور خودکار به عنوان گیرنده درج می شود. از طرف دیگر، آنها همچنین می توانند آدرس ایمیل را در برنامه یا جای دیگری کپی و جایگذاری کنند.
پیوند به شماره تلفن
همچنین می توانید یک شماره تلفن را با یک href پیوند دهید. اگر شخصی با استفاده از گوشی هوشمند به سایت شما دسترسی داشته باشد و بخواهد مستقیماً با شما تماس بگیرد، این کار مفید است. لینک به این شکل است:
<a href="tel:+11231234567">0123 1234567</a>اضافه کردن علامت مثبت و کد شماره گیری بین المللی بعد از شماره تلفن مرجع: مهم است. صفر در کد منطقه گنجانده نشده است.
پیوند به جاوا اسکریپت
همچنین می توانید با استفاده از href به جاوا اسکریپت پیوند دهید. کد مربوطه این است:
<a href="javascript:Example ( )">example</a>پیوند را در یک برگه یا پنجره جدید باز کنید
در حالی که پیوندها مفید هستند، مراقب باشید که بازدیدکنندگان خود را مستقیماً به یک سایت خارجی از وب سایت خود ارسال نکنید. با در نظر گرفتن این موضوع، باز شدن پیوند در یک تب جدید یا یک پنجره جدید مفید است. سپس کاربران در سایت شما باقی می مانند و می توانند هر گونه اطلاعات اضافی را در زمان دیگری مشاهده کنند. کد به شکل زیر است:
<a href="http://www.example.org" target="_blank">http://www.example.org</a>آموزش href در HTML
ترجمه شده توسط سایت دریای شرق از سایت
کپی بدون ذکر نام و لینک سایت دریای شرق ممنوع است !
