در ادامه آموزش های زبان HTML می خواهیم به آموزش تگ های ابتدایی صفحات وب بپردازیم :

تگ <Doctype HTML! >

این تگ اولین سطر از کد صفحه وب است و به مرورگر نوع و نسخه استفاده شده از زبان برنامه نویسی HTML یا XHTML را اعلام می کند . لازم به ذکر است که هر صفحه فقط می تواند یک نوع تگ Doctype داشته باشد. تگ < Doctype! > تنها تگی است که تگ انتهایی ندارد و در تگ ابتدایی هم توسط علامت / بسته نمی شود . تگ < Doctype! > به بزرگی و کوچکی حروف حساس نیست. این تگ باعث استاندارد شدن صفحه و نمایش یکسان صفحه در تمام مرورگر ها (Internet Explorer,Mozilla Firefox و …) خواهد شد و برای سئو بسیار موثر است .

 

انواع  <Doctype HTML! >:

HTML 5

HTML 4.01 Strict

HTML 4.01 Transitional

HTML 4.01 Frameset

XHTML 1.0 Strict

XHTML 1.0 Transitional

XHTML 1.0 Frameset

XHTML 1.1

 

نکته : تگ Doctype HTML ویژگی ( attribute) منحصر به فرد ندارد.

تگ HTML

یک مثال ساده از HTML5:

نمونه کد ساده

همیشه یک وب سایت با تگ html شروع میشود و با همین تگ به پایان می رسد بعبارتی محدوده اصلی کد HTML یک صفحه را تعیین می کند . .این تگ بزرگترین تگ موجود می باشد زیرا سایر تگ ها داخل این تگ قرار می گیرند همچنین تگ html به مرورگر نشان می دهد که سند موجود html می باشد.

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

خصوصیت مقدار توضیحات
manifest URL آدرس ذخیره سند را جهت نمایش مشخص می کند. (برای مرورگرهای آنلاین )
lang fa – en-US – … برای تعریف زبان محتوای متن در وب سایت است. این اطلاعات کمک میکند تا موتورهای جتسجو نتایج خاص زبان شما رو به سایت شما ارجاع دهند.
xmlns http://www.abateach.ir/1999/xhtml فضای نام صفت XML را مشخص می کند. (اگر شما بخواهید مطالب مطابق XHTML باشد)

تگ <html> به مرورگر می گوید که این سند یک سند HTML است.

تگ <html> ریشه یک سند HTML را نمایش می دهد.

تگ <html> ظرفی برای تمام عناصر HTML است. (به غیر از اعلان <DOCTYPE> )

توجه : استفاده از ویژگی lang شاید در اغلب موارد مورد بی مهری طراحان سایت قرار میگیرد. شاید بخاطر اینکه تغییری در نمایش سایت در موتورهای جستجو ایجاد نمیکند. ولی اگر قصد ساخت سایت بین المللی و چند زبانه را دارید پیشنهاد ما استفاده از این خاصیت برای سایت شماست.

تگ Head

از این تگ بلافاصله پس از تگ Html استفاده می شود.تگ Head از مهمترین تگ ها در طراحی سایت می باشد به خاطر داشته باشید که در تگ Head همه ی موارد نوشته شده نمایش داده نمی شود و در این تگ فقط تگ های Base,Link,Meta,Title,Style,Script قابل مشاهده می باشد.

یک سند HTML، با یک تگ <title> مورد نیاز در head:

 

تگ Title

تگ <title> در همه سندهای HTML الزامی است و عنوان سند را تعریف می کند.

عنصر <title> :

  • یک عنوان را در نوار ابزار مرورگر تعریف می کند.
  • هنگامی که می خواهید صفحه ای را به لیست favorite اضافه نمایید از محتویات عنصر title برای این منظور استفاده می شود.
  • نتایج موتور های جستجو بر اساس محتویات عنصر title گزارش می شود.

نکته ۱: شما نمی توانید بیشتر از یک عنصر <title> در سند HTML خود داشته باشید.

نکته ۲: اگر شما تگ <title>را حذف کنید، سند HTML شما اعتباری نخواهد داشت.

تگBody

تگ Body پس از تگ Head قرار می گیرد.تمامی عکس ها و فونت های به کار برده در این تگ قرار می گیرد.شما می توانید سایز قلم،رنگ قلم و سایر مواردی که در صفحات وب دیده می شود را در این تگ تعیین کنید.

مثال زیر نحوه ی کاربرد تگ html , تگ body و تگ head را در طراحی سایت نشان می دهد.

 

 

 

معرفی HTML Tag – جلسه دوم

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

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