دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش HTML » HTML5 چیست ؟ و تفاوت آن با HTML در فیلم آموزش HTML
HTML5 چیست ؟ و تفاوت آن با HTML در فیلم آموزش HTML

HTML5 چیست ؟ و تفاوت آن با HTML در فیلم آموزش HTML

در این قسمت از فیلم آموزش 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>

فیلم آموزش HTML5 را می توانید از لینک زیر دانلود کنید .

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

نظرات کاربران :



جواب سوال چیه ؟ *