در این قسمت از فیلم آموزش html به آموزش HTML5 پرداخته ایم ، شاید فکر کنید که HTML5 با HTML تفاوت دارد !!! ولی این طوری نیست و فقط HTML5 نسخه پیشرفته HTML می باشد .
HTML5 چیست ؟
اچ دی ام ال 5 آخرین نسخه از HTML یا زبان نشانه گذاری ابر متن است که یه سری امکانات بهش اضافه کردن که HTML4 اونارو ساپورت نمی کنه .
تگ های معنایی در HTML5
تگ های Semantic یا معنایی که در HTML5 اضافه شد ، تگ هایی هستند که هم برای طراح وب و هم برای مرورگر با معنی می باشد . در تگ های معنایی هر قسمت از صفحه را در تگ مربوطه قرار می دهیم مثلاً اجزای هدر را تگ HEADER قرار می دهیم .
قبل از تگ های معنایی ، طراح وب سایت برای تقسیم بندی صفحه وب از تگ div استفاده می کرد ، و این کار باعث می شد صفحه پر تگ div شود ولی با آمدن تگ های معنایی برای هر قسمت از تگ مربوطه استفاده می کنیم و این باعث می شود به موتور های جستجوگر بفهمد کدام قسمت هدر است و یا فوتر .
تگ های معنایی به صورت زیر هستند :
<article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <nav> <section> <summary> <time>
درباره همه تگ های معنایی در فیلم آموزشی توضیح داده شده است .
Syntax در HTML5 :
در html اگر تگی به صورت بدون فرزند بود باید در انتها قبل از بستن تگ علامت اسلش ( / ) قرار می دادیم ولی در HTML5 نیازی به قرار دادن اسلش نیست .
هم چنین می توانید حروف را به صورت بزرگ هم بنویسید .
خاصیت ها و تگ های حذف شده در HTML5 :
در HTML4 برای مشخص کردن فایل یا سند HTML باید از کد زیر استفاده می کردیم :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
ولی در HTML5 این کد خلاصه شده و فقط از کد زیر استفاده می کنیم :
<!doctype html>
تگ های حذف شده در HTML5 :
<acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt>