این آموزش در تاریخ ۱۴۰۰/۰۹/۱۸ آپدیت شده است.
آموزش صفت 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 href="MyFile.html" hreflang="fa"> </head> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت hreflang
در HTML پشتیبانی میکنند یا خیر.
نام تگ | Chrome | Firefox | Opera | Safari | Edge |
a | بله | بله | بله | بله | بله |
area | بله | بله | بله | بله | بله |
link | بله | بله | بله | بله | بله |
Free-Learn
نکات و توضیحات
- مقداری که درون این صفت قرار میگیره باید یک مقدار ۲ حرفی ( کد زبان های کشورهای جهان ) مثله (fa برای فارسی) و (en برای انگلیسی) باشد. ( مشاهده کدزبان های کشورها )
- این صفت هیچ ظاهری در مرورگرها ندارد، فقط و صرفا کاربردش برای خوده مرورگرها و موتورهای جستجوگر می باشد. ( مثلا موتور جستجوگر وقتی میبینه فلان لینک fa هستش پس میگه زبان این صفحه فارسی می باشد )