0

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

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

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

نویسنده پشتیبانی وب یار
امتیاز مطلب
4/5 - (1 امتیاز)
تعداد بازدید 1233
تاریخ بروزرسانی ۱۹ اسفند ۱۴۰۰

همانطور که می دانیم تگ های 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 به اندازه کافی استفاده کرده باشید و در پروژه های خود از آن استفاده کنید، اگر در این مورد سوالی داشتید می توانید در قسمت نظرات بپرسید.

4/5 - (1 امتیاز)
مطالب مرتبط
دیدگاه ها

دیدگاه‌ها بسته شده‌اند.