خانه / آموزش HTML / بخش بیست و چهارم-عنصر head در html
راه اندازی سایت فروشگاهی دیجی کالا و بامیلو
"

تاریخ بروزرسانی: ۱ آذر ۱۳۹۷ تعداد بازدید : 14 بازدید بدون دیدگاه

بخش بیست و چهارم-عنصر head در html

قدم قبلی >< قدم بعدی
عنصر head در html
عنصر head در html

عنصر head در html

عنصر <head> یک ظرف برای متادیتا (اطلاعات مربوط به داده ها) است و بین برچسب <html> و برچسب <body> قرار دارد.

ابرداده HTML اطلاعات مربوط به سند HTML است. متاداده نمایش داده نمی شود

متاداده معمولا عنوان سند، مجموعه کاراکترها، سبک ها، لینک ها، اسکریپت ها و دیگر متا اطلاعات را تعریف می کند.

تگ های زیر متادیتای را توصیف می کنند: <title>، <style>، <meta>، <link>، <script>، و <base>.

عنصر title در html

عنصر <title> عنوان سند را تعریف می کند و در تمام اسناد HTML / XHTML مورد نیاز است.

عنصر <title>:

  • یک عنوان را در برگه مرورگر تعریف می کند
  • عنوان آن را برای صفحه زمانی که آن را به علاقه مندی ها اضافه می کند فراهم می کند
  • یک عنوان برای صفحه در نتایج موتور جستجو نمایش می دهد

یک سند HTML ساده:

عنصر style در html

عنصر <style> برای تعریف اطلاعات سبک برای یک صفحه HTML استفاده می شود:

عنصر Link در html

عنصر <link> برای پیوند به ورق های سبک خارجی مورد استفاده قرار می گیرد:

عنصر meta در html

عنصر <meta> برای مشخص کردن مجموعه کاراکتری استفاده می شود، توضیحات صفحه، کلمات کلیدی، نویسنده و سایر ابردادها استفاده می شود.

متادیتا توسط مرورگرها (نحوه نمایش محتوا)، موتورهای جستجو (کلمات کلیدی) و سایر خدمات وب استفاده می شود.

مجموعه کاراکتر مورد استفاده را تعریف کنید:

شرح یک صفحه وب خود را تعریف کنید:

تعریف کلمات کلیدی برای موتورهای جستجو:

نویسنده مقاله را تعریف کنید:

اسناد را هر ۳۰ ثانیه بروز رسانی کنید:

مثال برچسب <meta>:

تنظیم Viewport

HTML5 یک روش برای اجازه دادن به طراحان وب از طریق نمایشگر <meta> را بر روی نمایشگر معرفی کرد.

نمایشگر منطقه قابل مشاهده کاربر یک صفحه وب است. این با دستگاه متفاوت است و در تلفن همراه کوچکتر از یک صفحه رایانه است.

شما باید عنصر <meta>  زیر را در تمام صفحات وب خود داشته باشید

عنصر meta- viewport دستورالعمل های مرورگر را در مورد نحوه کنترل ابعاد صفحه و مقیاس بندی ارائه می دهد.

بخش width = device-width عرض صفحه را تعیین می کند تا به عرض صفحه نمایش دستگاه (که بسته به دستگاه متفاوت است) را دنبال کند.

مقیاس مقیاس اولیه = ۱٫۰ مقدار اولیه زوم را تنظیم می کند زمانی که صفحه اول بارگذاری شده توسط مرورگر باشد.

در اینجا یک مثال از یک صفحه وب بدون meta tag viewport و یک صفحه وب با برچسب meta- viewport است:

عنصر script در html

عنصر <script> برای تعریف جاوا اسکریپت های سمت کاربر استفاده می شود.

این جاوا اسکریپت می نویسد “سلام جاوا اسکریپت! به یک عنصر HTML با id = “demo”:

عنصر  base در html

حذف <html>، <head> و <body>؟

بر طبق استاندارد HTML5؛ <html>، برچسب <body> و <head> را می توان حذف کرد.

کد زیر به عنوان HTML5 معتبر خواهد شد

نکته: توصیه نمیشود تگهای <html> و <body> را حذف کنید. حذف این برچسب ها می تواند نرم افزار DOM یا XML را نابود کند و در مرورگرهای قدیمی (IE9) خطاهای تولید کند.

با این حال، حذف برچسب <head> برای مدت زمان زیادی در حال حاضر معمول است.

 

گام قبلی >< گام بعدی
بخش بیست و چهارم-عنصر head در html
لطفا امتیاز بدهید

لینک کوتاه این مطلب: https://tiktheme.com/?p=11879


کانال تلگرام تیک تم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *