در جلسه 10م آموزش دوره html و css به معرفی و آموزش فراخوانی آیکن و موضوع صفحه در عنوان خواهیم پرداخت. HTML Favicon و html title دو تگ مهم هستند که آن ها از نگاه کاربر و موتورهای جستجوگر گوگل بسیار پر اهمیت است. در ادامه با آموزش HTML Favicon و html title همراه ما باشید.
فیلم آموزشی HTML Favicon و html title
برای مشاهده فیلم، از فیلترشکن استفاده کنید.
HTML Favicon و html title
قبل از نحوه استفاده از هر دو تگ قابل به ذکر است که محل قرار گیری هر دوی آن ها در قسمت header است.
1) HTML Favicon
برای فراخوانی آیکن در عنوان صفحه از تگ <link> استفاده کنید و سپس در مرحله بعد ایکن خود را توسط href فراخوانی کنید. به مثال زیر توجه کنید.
<“#” link rel=”icon” type=”image/x-icon” href=””>
با استفاده از <link> رابطه بین سند html خود و یک منبع خارج از سند را می توانید مشخص کنید. در قسمت دوم با مشخص نمودن type به سند خود کمک می کنید تا متوجه استفاده از تصویر یا ایکن شود.
فرمت ایکن در Favicon
برخلاف گذشته، با پیشرفت در حوزه وب، اکثر فونت ها قابل اجرا و فراخوانی در قسمت Favicon است. شما می توانید از انواع فرمت PNG، GIF، JPEG، SVG استفاده کنید.
2) HTML Page Title
شما با استفاده از title :
مشاهده دوره آموزش مقدماتی رایگان html و css
مرجع آموزش w3chools