تگ های موجود در یک سند HTML عادی و یک پروژه ی کوتاه با html
تگ چیست؟
لغت tag به معنای برچسب می باشد و در زبان های برنامه نویسی مانند HTML به عنوان کد های تعریف شده این زبان می باشد.
tagهای زبان برنامه نویسی HTML به این صورت است که یک عبارت (برای مثال HTML) درون دو نشانگر <> قرار می گیرند مانند tag body که بصورت <body> نوشته می شود
در این قسمت از آموزش های کدپز tagهای اصلی یک سند html را بررسی می کنیم.
<Doctype!>
این tag نوع سند HTML را مشخص می کند و نقش راهنما را برای مرورگر ایفا می کند. چون نسخه های قبلی html بر مبنای SGmL می باشد اعلان <DOCTYPE!> آن به یک DTD اشاره می کند.ولی در html 5 نیازی به این اعلان نیست.
——- ——- ——- ——- ——- ——- ——-
تگ “html”
<html>
.
.
.
.
</html>
این دو tag که یکی در ابتدا و دیگری در انتهای کدهای ما قرار می گیرند تعیین کننده ی شروع و پایان کد های نوشته شده هسنتد و در واقع به مرورگر نشان می دهند کدهایی که بین این دو tag هستند از نوع html هستند.
——- ——- ——- ——- ——- ——- ——-
تگ “head”
<head>
.
.
.
.
</head>
از این tag برای نمایش عنوان سند html و اطلاعات عمومی استفاده می کنیم و باید شامل یک عنوان برای آن سند باشد.
از tagهایی مانند “meta”,”link” و “title” نیز داخل این tag استفاده می شود.
——- ——- ——- ——- ——- ——- ——-
تگ”meta”
<meta name=”description” content=”Free Web tutorials”>
اطلاعاتی در مورد سند HTML فراهم می کند. این داده ها در صفحه، نمایش داده نمی شوند اما توسط ماشین قابل خواندن هستند.
از تگ “meta” نوعاً برای مشخص کردن نویسنده، کلمات کلیدی، آخرین تغییرات، توضیحاتی در مورد صفحه و دیگر داده های Meta استفاده می شوند.
——- ——- ——- ——- ——- ——- ——-
تگ “title”
<title>…………………….</title>
عنوان سند را در نوار ابزار مرورگر مشخص می کند.
استفاده از این tag در سند html الزامی بوده و گزارش موتورهای جستجو نیز بر اساس محتویات این tag می باشد.
——- ——- ——- ——- ——- ——- ——-
تگ”link”
<link rel=”stylesheet” type=”text/css” href=”theme.css”>
از این tag برای ارتباط سند با یک منبع خارجی استفاده می شود که رایج ترین این سند ها استایل ها که با فرمت css و فایل های جاوا اسکریپ یا جی کوئری با پسوند js می باشند.
——- ——- ——- ——- ——- ——- ——-
تگ “body”
<body>
.
.
.
.
.
</body>
این tag همانطور که از نامش پیداست بدنه صفحه را شامل می شود.تمامی محتویاتی که باید توسط مرورگر نمایش داده شوند بین این دو tag قرار می گیرند.
——- ——- ——- ——- ——- ——- ——-
تگ “کامنت”
نحوه نمایش:
<!–یادداشت –>
از این tag برای نوشتن توضیحات در کدها استفاده می شود.محتوای این tagها در مرورگر و برای مخاطب نمایش داده نمی شود.این توضیحات برای ویرایش کد در آینده به ما کمک می کند.
——- ——- ——- ——- ——- ——- ——-
یک نمونه سند عادی html را در زیر مشاهده می کنید:
<Doctype!>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document……
</body>
</html>
برای کسب اطلاعات بیشتر و آشنایی بیشتر با موضوعاتی که در این مطلب به آنها اشاره شد می توانید به www.w3schools.com مراجعه نمایید.
