مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل به بررسی تگ il پرداختیم؛ تگ il برای تعريف يک آيتم در ليست به کار مي رود.
در این جلسه آموزش کار با تگ link در HTML را به علاقمندان این دوره تقدیم می کنیم.
آموزش کار با تگ link در HTML
به مثال زیر توجه نمایید.
این مثال یک لینک به یک style sheet خارجی دارد.
مثال :
| <head> <link rel="stylesheet" type="text/css" href="theme.css"> </head> |
تعریف و کاربرد
تگ link ارتباط بین یک سند و یک منبع خارجی را مشخص می کند.
تگ link برای پیوند به صفحه های style sheets خارجی استفاده می شود.
پشتیبانی مرورگر ها
| عنصر |  |  |  |  |  |
| <link> | بله | بله | بله | بله | بله |
نکات و توصیه ها
نکته ها
تگ link یک عنصر خالی محسوب می شود و فقط حاوی خصیصه ها است.
نکته
تگ link فقط در قسمت head به کار می رود، اما می تواند هر تعداد بار ظاهر شود.
تفاوت بین HTML 4.01 و HTML5
برخی از خصیصه های HTML 4.01 در HTML5 پشتیبانی نمی شوند.
خصیصه “sizes” در HTML5 نسبتاً جدید است.
تفاوت بین HTML و XHTML
در HTML تگ <link> دارای تگ انتهایی نیست.
در XHTML تگ <link> باید به درستی بسته شود.
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
| charset | char_encoding | این خصیصه رمزگذاری کاراکتر سند مربوطه را مشخص می نماید.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| crossorigin | anonymous
use-credentials | این خصیصه چگونگی رسیدگی به عنصر با درخواست های مبدأ را مشخص می کند. |
| href | URL | آدرس صفحه ی لینک شده ی مقصد را که کاربر به آن منتقل می شود را مشخص می نماید. |
| hreflang | language_code | زبان صحه لینک شده را مشخص می نماید. |
| media | media_query | مشخص میکند که لینک برای چه نوع رسانه /دستگاهایی بهینه شود. |
| rel | alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet | رابطه ی بین صفحه ی فعلی با صفحه ای که به آن لینک کرده ایم را مشخص میکند. |
| rev | alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet | این خصیصه یک خصیصه ضروری است که البته در در HTML5 پشتیبانی نمی شود.
این خصیصه در نقطه مقابل خصیصه بالاست و رابطه بین صفحه لینک شده را با صفحه فعلی تعیین می نماید. |
| sizes | Height_Width
any | این خصیصه اندازه منبع لینک شده را مشخص می نماید.
فقط برای “rel = icon” |
| target | _blank
_self
_top
_parent
frame_name | این خصیصه چگونگی نمایش صفحه مقصد را مشخص می نماید و در در HTML5 پشتیبانی نمی شود. |
| type | media_type | این خصیصه نوع رسانه یا صفحه ای که به آن لینک کرده ایم را مشخص می نماید. |
خصیصه های سراسری Global Attributes
تگ <link> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <link> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <link> را با مقادیر پیش فرض زیر نمایش می دهند:
کلام آخر
در این جلسه به آموزش کار با تگ link در HTML پرداختیم؛ تگ link ارتباط بین یک سند و یک منبع خارجی را مشخص می کند.
در جلسه آتی به کار با تگ main می پردازیم.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
