آموزش html 5

زبان html

1401-03-14

580

HTML5 اخرین نسخه از HTML است که به کمک طراحان و برنامه نویسان وب آمده، تا طراحی وب را برای آن‌ها راحت تر کند. اگر بخواهیم بگوییم که HTML5 چیست ، میتوانیم بگوییم HTML5 اخرین نسخه از HTML است که آمده است بسیاری از ویژگی ها را برای طراحان وب مهیا کرده است.

برخی از مهم ترین ویژگی های HTML5
HTML5 دارای ویژگی های فوق العاده است. ابزارهایی به HTML5 اضافه شده است که کمک میکند صفحات وب بسیار قدرتمندتر و حرفه‌ای تری بنویسیم. اگر بخواهیم یک مرور خیلی کوتاه بر ویژگی های جدید HTML5 داشته باشیم، میتوانیم لیست زیر را داشته باشیم:

پشتیبانی کامل از CSS3
گرافیک های ۲بعدی و ۳بعدی
پشتیبانی از SVG ها
پشتیبانی کامل از صوت و ویدئو
ساخت اپلیکیشن ها و پایگاه‌های داده لوکال (Local)
تگ های معنا گرا (Semantic Tags)
ویژگی های جدید برای فرم ها
پشتیبانی از قابلیت Drag & Drop (کشیدن و رها کردن)

ارائه تگ های کاربردی
Html5 در مقایسه با html دارای تگ‌های کاربردی زیادی است که توسعه دهندگان با استفاده از آنها می‌توانند وب سایت خود را به صورت حرفه‌ای راه اندازی کنند. برخی از مهم‌ترین و پرکاربردترین تگ‌های موجود در پنجمین نسخه html شامل:

تگ header : برای ساخت هدر یا سربرگ اصلی سایت استفاده می‌شود که در بالاترین قسمت صفحه قرار می‌گیرد

تگ article : برای ساخت و تعریف محتوا و مقالات وب سایت مورد استفاده قرار می‌گیرد

تگ nav : برای ساخت منو ناوبری سایت (Navigation Menu) استفاده می‌شود

تگ aside : برای ساخت منوی کناری سایت (Sidebar) استفاده می‌شود

تگ section: برای ساخت‌ قسمت‌هایی از سایت استفاده می‌شود که عنوان و یا اسم خاصی ندارند

تگ audio : برای تعریف و پخش محتوا و فایل‌های صوتی مورد استفاده قرار می‌گیرد

تگ canvas : جهت ترسیم اشکال مختلف و رسم‌های گرافیکی استفاده می‌شود

تگ details : جهت ارائه اطلاعات و جزئیات اضافه بر اساس نیاز کاربر استفاده می‌شود

تگ figcaption : برای تعریف عنوان یک عکس مورد استفاده قرار می‌گیرد

تگ dialog: برای ایجاد یک صفحه یا پنجره جهت شروع گفتگو استفاده می‌شود

تگ progress : میزان پیشرفت یک فرآیند در حال اجرا را نشان می‌دهد

تگ footer : برای ایجاد بخش پایینی (پاورقی) وب سایت مورد استفاده قرار می‌گیرد

خاصیت ها و تگ های حذف شده در 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>