PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : لیست مهم ترین تگ هادر html5



raana
August 21st, 2017, 14:30
در این مطلب آموزشی قصد داریم مهم ترین مواردی را که به نسخه ی 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>



<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 میباشد.


برای دریافت آموزش های بیشتر با وبیار (https://www.webyar.net/) همراه باشید.