این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت hreflang در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت hreflang در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت hreflang در HTML
صفت hreflang صفتی است که میتواند زبان اون سند یا صفحه ای که بهش لینک کردیم رو مشخص یا تعریف کند.
مقداری که درون این صفت قرار میگیرد یک کلمه ی ۲ حرفی که در واقع نام زبان یک کشور هست می باشد. برای مشاهده کد زبان های کشورها اینجا کلیک نمایید.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <link> | <area> | <a> |
Free-Learn
مثال از صفت hreflang در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ a
|
1 2 3 4 5 |
<body> <a href="https://free-learn.ir/" hreflang="fa">سایت آموزشی فری لرن</a> </body> |
مثال شماره ۲ : استفاده در تگ area
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <img src="files/planets.jpg" alt="سیارات" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="files/sun.html" hreflang="fa"> <area shape="circle" coords="90,58,3" href="files/mercury.html" hreflang="fa"> <area shape="circle" coords="124,58,8" href="files/venus.html" hreflang="fa"> </map> </body> |
مثال شماره ۳ : استفاده در تگ link
|
1 2 3 |
<head> <link rel="parent" href="MyPage.html" hreflang="fa"> </head> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت hreflang در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| a | بله | بله | بله | بله | بله |
| area | بله | بله | بله | بله | بله |
| link | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 |
<a href="mylink.html" hreflang="Langauge_Code"> <area href="mylink.html" hreflang="Langauge_Code"> <link href="mylink.html" hreflang="Langauge_Code"> |
Free-Learn
جدول مقادیر صفت hreflang در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Langauge_Code | برای مشخص کردن کد زبان صفحه ( لیست کدها ) |
Free-Learn
نکات و توضیحات
- برای استفاده از این صفت ، ضروری و واجبه که از صفت href در تگ مورد نظر استفاده کرده باشید.
- مقداری که درون این صفت قرار میگیره باید یک مقدار ۲ حرفی ( کد زبان های کشورهای جهان ) مثله ( fa برای فارسی ) و ( en برای انگلیسی ) باشد.
- این صفت هیچ ظاهری در مرورگرها ندارد، فقط و صرفا کاربردش برای خوده مرورگرها و موتورهای جستجوگر می باشد. ( مثلا موتور جستجوگر وقتی میبینه فلان لینک fa هستش میگه پس زبان این صفحه فارسی می باشد )
