خانه » مقاله ها » HTML » زبان html5 چیست ؟

زبان html5 چیست ؟

زبان html5 چیست ؟ موضوع امروز مقاله فراپدیا است .

html5 آخرین نسخه استاندارد از html است که امروزه مورد توجه شرکت ها بزرگ مانند گوگل و دیگر شرکت ها از جمله شرکت ها طراحی سایت قرار گرفته است .

html5 محدودیت های بسیار زیادی را از میان برده است و می توان به آسانی با این زبان وب سایت های مورد نیازمان را طراحی و اجرا نماییم.

استفاده از html5 امروزه گسترش بسیار زیادی یافته است و اکثر طراحان وب از این زبان به عنوان زبان برنامه نویسی پایه استفاده می کنند ، بسیاری از کمپانی های بزرگ زبان html5 جایگزین مناسبی برای استفاده از فلش می دانند .

اچ تی ام ال ۵ به صورت زیر شروع می شود

< !DOCTYPE HTML>

زبان html5 دارای تگ های جدید است که می توان با استفاده از آن ها طراحی را بسیار راحت تر و لذت بخش تر کرد ، در زیر به مهمترین ان ها اشاره می نماییم .

تگ <header> همانطور که از اسم این تگ مشخص است جهت قرار دادن هدر سایت است

تگ <footer> فوتر سایت ( پانوشت ) را در بر می گیرد .

تگ <nav> این تگ جهت استفاده منو سایت مورد استفاده قرار می گیرد .

تک <article> جهت قرار گیری محتوای اصلی سایت است

تگ <aside> در این تگ محتوای فرعی و غیر اصلی قرار داده می شود .

تگ <section> این تگ محتوا سایت قرار داده می شود .

تفاوت زبان html4 و زبان html5 چیست ؟

بزرگ ترین تفاوت این است که زبان html 4 نیاز به تعریف div های زیادی در دارد و برای طراحی هر کدام از قسمت ها مانند هدر یا فوتر سایت باید یک div تعریف می شد و با استفاده از class یا id برای آن استایل تعریف نمود . اما در زبان html 5 نیازی به این کار نیست و می توان از تگ های آماده استفاده نمود .

مثال :

در html 4 تعریف هدر به صورت<div class=”header”> یا <div id=”header”>

در html 5 به صورت<header> تعریف می شود.

استفاده از تگ کاربردی <video> : در گذشته جهت پخش فایل ها تصویری با فرمت های خاص از پلیر های مختلف استفاده می شد . ولی هم اکنون می توانید جهت پخش فایل های ویدئویی از تگ <video> استفاده نمایید .

تگ <audio> : همانطور که نام این تگ مشخص است جهت پخش فایل ها صوتی کاربرد دارد  و عملکردی تقریبا مشابه تگ ویدئو دارد.

تگ <canvas> :  این تگ جهت طراحی گرافیکی استفاده زیادی می شود .

تگ <details> جهت تعریف جزئیات

تگ <dialog> قسمت های ارتباطی و گفتگو

تگ <progress> پیشرفت کار

تگ<meter> کاربرد اصلی اندازه گیری است

تگ <mark> متن علامت گذاری شده ( مشخص شده )

و ….

همچنین در زبان html5 تگ های جدید input نیز افزوده شده اند که کار طراحی را آسان تر می کند

تگ های input در زبان html5 چیست ؟

<input type=url> جهت قرار دادن فیلد های آدرس

<input type=number>جهت قرار دادن فیلد های شماره

<input type=email> جهت قرار دادن فیلد های ایمیل

<input type=file>جهت قرار دادن فیلد های فایل

نویسنده : شرکت طراحی سایت فراپدیا

قرار دادن دیدگاه

طراحی وب سایت فراپدیا

جهت اطلاع از آخرین تحولات کافی است تا در خبرنامه فرا پدیا عضو شوید...