آموزش صفت Rel در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Rel در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Rel در HTML
صفت rel
صفتی است که رابطه ی بین صفحه/سند/لینک فعلی (صفحه جاری) و صفحه/سند/لینک مقصد (صفحه مقصد) را مشخص میکند.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
<link> | <area> | <a> |
Free-Learn
مثال از صفت Rel در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ a – با استفاده از مقدار nofollow تنظیم میکنیم که این لینک (لینک موجود در مثال زیر) توسط موتورهای جستجوگر/گوگل و.. دنبال نشود.
بهتر است بدانید بصورت پیش فرض اگر لینکی را ایجاد نماییم بصورت فالو یا (dofollow) هست یعنی اینکه موتورهای جستجوگر به این لینک توجه میکنن و دنبال میکنن.
ولی وقتی یک لینک بصورت نوفالو (nofollow) باشد یعنی داریم به موتورهای جستجوگر میگیم که این لینک برای من و سایتم ارزشی نداره و نمیخوام که شما دنبالش کنید و نمیخوام شما از طریق این لینک رابطه ای بین سایت من و سایت مقصد ایجاد کنید.
یا اینجوری میتونیم بگیم که این لینک برام مهم نیست یا این لینک هیچ رابطه ای با سایت من نداره , پس ای موتورهای جستجوگر شما اگر این لینک رو اینجا میبینید بدانید برام مهم نیست/بی ارزش هست و نمیخوام شما دنبالش کنید.
1 2 3 4 5 |
<body> <a rel="nofollow" href="http://www.functravel.com/">Cheap Flights</a> </body> |
مثال شماره ۲ : استفاده در تگ area
1 2 3 4 5 6 7 8 9 |
<body> <img src="images/planets.jpg" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.html" rel="alternate"> </map> </body> |
مثال شماره ۳ : استفاده در تگ link
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="files/styles.css"> </head> <body> <h2>سلام خوبی؟</h2> <p>من صادق هستم مدیر سایت آموزشی فری لرن</p> </body> </html> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت rel
در HTML پشتیبانی میکنند یا خیر.
نام تگ | Chrome | Firefox | Opera | Safari | IE |
a | بله | بله | بله | بله | بله |
area | بله | بله | بله | بله | بله |
link | بله | بله | بله | بله | بله |
Free-Learn
نکات و توضیحات
این صفت فقط در حالتی عمل/کار خواهد کرد که در تگ مورد نظر صفت href وجود داشته باشد.