تگ های صوت و ویدئو (Audio/Video Tags)
نمایش فایل ها با فرمت های صوتی و و ویدئویی در صفحات html دارای اهمیت می باشد. در اچ تی ام ال تگ های صوت و ویدئو اضافه شده است. از تگ Audio برای قرار دادن صوت به صفحه وب استفاده خواهد شد و از Video برای نمایش فایل های ویدئویی استفاده شده. این دو تگ در HTML5 به این زبان نشانه گذاری اضافه شده است.
تگ های ارتباط دادن (Link Tags)
تگ link در اچ تی ام ال زمانی استفاده خواهد شد که در پروژه یک سند
سی اس اس
خارجی موجود باشد که با استفاده از تگ لینک و آدرس دهی محل فایل css، فایل به سند html مرتبط شده است و انگار بخشی از سند html می باشد و برای المنت ها ی سند اچ تی ام ال استایل ایجاد می کند. تگ a در اچ تی ام ال یک لینک ایجاد می کند تا کاربر با کلیک روی لینک به یک نقطه ی دیگر از صفحه یا صفحه ای دیگر از سایت و یا هر بخشی از فضای اینترنت منتقل شده و تگ nav معرف یک منوی ناوبری می باشد با کمک تگ nav عناصر منو مشخص خواهد شد.
تگ های لیست (List Tags)
در این تصویر تگ های لیست کردن اچ تی ام ال مشاهده می شود تگ Menu برای احاطه کردن لینک های منو استفاده می شود که امروزه کاربرد چندانی نداشته و عناصر منو در تگ nav قرار داده خواهد شد. ما ابتدا تگ ul یا تگ ol را تعریف کرده و تگ li که مخفف کلمه ی لیست آیتم می باشد در یکی از تگ های ul یا li قرار داده. انتخاب ul یا ol به مرتب بودن یا مهم نبودن ترتیب در لیست بستگی دارد برای لیست مرتب از ol و لیست نامرتب مانند یک منوی سایت (که پر کاربرد می باشد) از ul استفاده خواهد شد.
تگ های جدول (Table Tags)
تگ جدول در اچ تی ام ال که در کدنویسی از کلمه ی table استفاده شده است برای ساخت جدول استفاده می شود. تگ table اطلاعات را به صورت جدول نمایش می دهد و از سطر و ستون ها که هر دیتا در جدول یک سلول نامیده می شود و هر سطر یک row و هر ستون یک field از جدول را تشکیل می دهد. تگ table دارای تگ های داخلی می باشد که در تصویر هرکدام و عملکرد آن ها گفته شده است که سطرها و فیلدها تشکیل داده شود.
تگ های معنایی (Semantic Tags)
در اچ تی ام ال تعدادی از تگ ها هستند که برای بخش های تعریف شده ایجاد شده است این تگ ها باید محتوای مرتبط با معنای خودشون را در بر داشته باشند. هر کدام از این تگ ها معرف محتوا برای موتورهای جست و جو می باشد، برای مثال هنگامی که موتور جست و جو گوگل در حال ایندکس کردن سایت می باشد محتوای داخل تگ nav را منو سایت در نظر می گیرد.بعضی تگ ها می تواند حاوی هر محتوایی باشد که معرف بخش جدا برای مرورگر می باشد مانند تگ div که یک عنصر بلاکی را تعریف می کند، تگ span معرف یک محتوای متنی برای گوگل می باشد.
تگ های معنایی (Semantic Tags)
تگ های معنایی هیچ تغییر ظاهری در نمایش محتوای داخلی خود ایجاد نخواهد کرد و صرفا حاوی اطلاعات محتوا برای مرورگرها و موتورهای جستجو می باشد. در زبان نشانه گذاری html ، قبل از اچ تی ام ال 5 کدنویس ها از صفت id برای مرتب نوشتن کدها استفاده می کردند. به تگ حاوی محتوا منو آی دی مشابه با اسم منو داده برای مثال در تگ باز تایپ می شد "id="nav و معرف منو بود. در HTML5 تگ هایی معنایی هرکدام می تواند معرف محتوا برای کدنویس ها باشد.
تگ های فرم (Input/Form Tags)
فرم ها در زبان اچ تی ام ال اطلاعات و از کاربرها و یا ادمین گرفته و با کمک زبان برنامه نویسی php اطلاعات در جداول ذخیره خواهد شد و در صورت نیاز در صفحه نمایش داده خواهد شد. فرم ها ورودی خود را از طزیق تگ input که داخل تگ form تعریف می شود می گیرد این input ها می تواند حالت های مختلف از دیتا ها را با توجه به صفت type بگیرد. انواع تایپ ها و کاربرد آن ها در تصویر بعد ذکر خواهد شد.
