0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

9 تگ مهم HTML5

نویسنده mr.hajati
امتیاز مطلب
تعداد بازدید 263
تاریخ بروزرسانی ۱۹ فروردین ۱۴۰۰

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

HTML5

9 تگ مهم HTML5

9 تگ مهم HTML5

بعد از معرفی xhtml 1.0 سازمان w3c قصد داشت روی xhtml 2.0 کار کند . اما سازندگان مرورگر هایی مثل chrome , firefox و….. با هم جلساتی داشته و طی این جلسات به این نتیجه رسیدند که فضای وب خشک شده و تصمیم گرفتند نسخه ای از html را تحت عنوان html5 معرفی کنند.

سازمان w3c نیز پس از مدتی که مشاهده کرد مردم به سمت این نسخه ی html کشیده شدند،کار کردن روی xhtml 2.0 را متوقف کرد وhtml5 را به عنوان استاندارد های جدید معرفی کرد.

این نسخه ی html از تگ های معنا دار استفاده کرده و تگ ها خیلی مختصر تر از نسخه های قبلی شدند. در ادامه تعدادی از این تگ ها را به شما معرفی میکنیم.

DOCTYPE HTML :

این تگ باعث می شود تا ما متوجه شویم که کد های HTML با چه ورژنی از آن نوشته شده اند. در جدول زیر DOCTYPE ورژن های مختلف را مشاهده می کنید.

 

9 تگ مهم HTML5

همین طور که در جدول بالا مشاهده کردید در این ورژن از HTML تگ ها بهینه شده اند.

طراحی وب سایت

یک وب سایت از 3 قسمت زیر تشکیل شده است:
1-Header
2- Section
3- Footer

در این ورژن HTML به جای استفاده از div ها از این 3 تگ استفاده می کنند ولی به این معنی نیست که چون از تگ header استفاده کردید بدون اینکه در css به آن خصوصیت هایی را نسبت دهید در بالای صفحه قرار بگیرد.

Nav :

منو ی سایت خود را در این قسمت قرار می دهیم. این تگ مخفف کلمه navigation می باشد.
<nav> site menu </nav>

Article :

این تگ برای قرار دادن اخبار و مقالات در آن می باشد و جزء تگ های پر کاربرد html5 است.
<article></article>

Figure:

زمانی که می خواهیم در عکس،نمودار، جدول و…. توضیحاتی را درج کنیم از تگ figure استفاده می کنیم.به این صورت که اول این تگ را باز کرده و پس از بارگذاری بلاک مورد نظر تگ figcaption را باز میکنیم و توضیحات خود را در آن قرار می دهیم.

<figure>
<img src=”pic.jpg” >
<figcaption></figcaption>
<figure/>

Mark :

این تگ متن درون خودش را highlight می کند و جالب است بدانید که هایلایت ها در موتور جست و جو تاثیری نمی گذارند.
<mark></mark>

Section:

این تگ ها نیز مشابه div ها هستند و مطالب مرتبط به هم مثل مقالات ، پست ها و …. را نیز درون این تگ قرار می دهیم.

<section>
<article> </article>
<section/>

 

برای یادگیری بهتر و کار با زبان های برنامه نویسی و طراحی سایت در دوره های کار آموزی وب یار شرکت کنید.

0/5 (0 Reviews)
مطالب مرتبط
دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *