نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 1388
تاریخ بروزرسانی ۱۹ اسفند ۱۴۰۰

7 مورد از مهم ترین تگ های HTML5 + با مثال | وب یار

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

تگ html چیست؟

تگ چیست؟ ترجمه این کلمه در فارسی به عنوان «برچسب» به کار می رود. برچسب ها مهمترین نقش را در HTML ایفا می کنند که زبان نشانه گذاری (برچسب گذاری) فرامتن است. در واقع تگ های HTML نمادهای دستوری از پیش تعریف شده زبان HTML هستند که نقش علامت گذاری محتویات صفحات نوشته شده به زبان HTML را ایفا می کنند و هر کدام دارای معنا و مفهوم خاصی هستند. که معمولا در دو قسمت استفاده می شوند.

تگ HTML به مرورگرها اجازه می دهد تا تشخیص دهند هر یک از عناصر یک صفحه وب چیست و چگونه باید نمایش داده شود. برای مثال تگ های تیتر صفحه، تگ نمایش لیست، تگ نمایش جدول و غیره را معرفی می کند.

انواع تگ های html

همانطور که گفته شد، تگ های HTML عناصر یک صفحه وب را نشان می دهند. با این تعریف باید بدانید که برای نمایش عناصر در وب سایت از دو نوع تگ استفاده می کنیم.

  • تگ های باز (Opening Tag)
  • تگ های بسته (Closing Tag)

انواع تگ های html

باید بدانید که برخی از عناصر نیاز به نمایش هر دو تگ در صفحات وب دارند، در حالی که برخی دیگر تنها با تگ آغازین نمایش داده می شوند. در این مطلب آموزشی قصد داریم مهم ترین مواردی را که به نسخه ی HTML5 نسبت به HTML4 اضافه شده است را آموزش دهیم که علت محبوبیت آن بهتر درک شود:

لیست مهم ترین تگ های HTML5

  • <aside>: این تگ برای قرار دادن محتواهایی همانند ساید بار به کار میرود.محتوایی سوای محتوای صفحه را تعریف می کند.
<p>My family and I visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
<p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>
  • <article>: یک مقاله را تعریف می کند
<article>
<h1>Google Chrome</h1>
<p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p>
</article>
  • <figure>:محتوایی سوای محتوای صفحه را تعریف می کند.

 

<figure>
<img src=“img_pulpit.jpg” alt=“The Pulpit Rock” width=“304” height=“228”>
</figure>
  • <footer>:یک پا نوشت برای یک سند یا بخش تعریف می کند
<footer>
<p>Posted by: Hege Refsnes</p>
<p>Contact information: <a href=“mailto:someone@example.com”>
someone@example.com</a>.</p>
</footer>
  • <section>:یک بخش در یک سند را تعریف می کند.
<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is….</p>
</section>

 

لیست مهم ترین تگ های HTML5

  • <header>:یک سربرگ برای یک سند یا بخش تعریف می کند.
<article>
<header>
<h1>Most important heading here</h1>
<h3>Less important heading here</h3>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet….</p>
</article>
  • <nav>:لینک های هدایت کننده را تعریف می کند.

<nav>
<a href=“/html/”>HTML</a>
<a href=“/css/”>CSS</a>
<a href=“/js/”>JavaScript</a>
<a href=“/jquery/”>jQuery</a>
</nav>

این ها همگی مثال هایی از تگ های HTML5 هستند.امیدوارم از تگ های html به اندازه کافی استفاده کرده باشید و در پروژه های خود از آن استفاده کنید، اگر در این مورد سوالی داشتید می توانید در قسمت نظرات بپرسید.

مقالات مرتبط
بهترین راهکار برای رفع محدودیت فالو در اینستاگرام

انواع محدودیت های حال حاضر در اینستاگرام • محدودیت فالوو کردن سایر کاربران اینستاگرام: • محدودیت لایک کردن پست‌های مختلف کاربران اینستاگرام: • محدودیت کامنت گذاشتن برای پست‌های مختلف شبکه اینستاگرام: • محدودیت به کار بردن هشتگ در پست‌های مختلف شبکه اینستاگرام: • محدودیت تعداد کلمات متن (کپشن) پست اینستاگرام: • محدودیت تعداد کاراکترهای Biography کاربران اینستاگرام: هدف از فالو و آنفالو کردن در اینستاگرام…

شرکت های طراحی اپلیکیشن

“اگه برنامه تون درست کار نمی‌کنه اصلاً نگران نشید چرا که اگر همه‌چیز درست کار کنه، شما بیکار می‌شید.” قانون موشر چرا این مقاله را با این جمله معروف از موشر بزرگ شروع کردیم؟ شرکت های طراحی اپلیکیشن ، در بین همه شرکت ها و مجموعه هایی که در زمینه برنامه نویسی فعالیت می کنند ، خدمات بزرگی را به جوامع و کسب و کار…