جستجو
زمانی که متن خود را وارد می نمایید در صورت وجود اطلاعات ، اطلاعات مورد نظر بصورت همزمان و بدون زدن هیچ دکمه ای نمایش داده می شود.
عضویت در خبرنامه
جهت لغو عضویت کلیک نمایید
شمارشگر شبکه های اجتماعی
پسندیده
0
فیسبوک
0
توییتر
0
گوگل پلاس
0
لینک ادین
11
نمودار بازدید از موضوع ها
نویسنده : admin تعداد بازدید : ۵۳۲ تاریخ : پنج شنبه, ۲۶تیرماه ۱۳۹۳
عناصر معنایی در HTML5
امتیاز دهید
تعداد رای 0 امتیاز 0

نمونه هایی از عناصر معنایی: <FORM>، جدول، و <img> و ... گویند که دارای محتوا می باشند.نمونه هایی از عناصر غیر معنایی: به عناصرdiv،SPAN، و ... می گویند که محتوایی در مورد آنها نیست.

مرورگرهای که که عناصر معنایی را پشتیبانی می کنند:

Internet Explorer 9+, Firefox, Chrome, Safari and Opera

عناصر جدید معنایی در HTML5 :

  • <header>
  • <nav>
  • <section>
  • <article>
  • <aside>
  • <figure>
  • <figcaption>
  • <footer>
  • <details>
  • <summary>
  • <mark>
  • <time>

عنصر<section>

عنصر <section> یک بخش در یک سند تعریف می کند. 

مانند:

<footer>
  <p>Posted by: Hege Refsnes</p>
  <p><time pubdate datetime="2012-03-01"></time></p>
</footer>

عنصر <article>

عنصر <article> محتوایی مستقل دارد.نمونه هایی از عنصر <article> که می توان از آنها استفاده کرد: 

پست های انجمن 
وبلاگ

اخبار 

توضیح

مانند:

<article>
  <h1>Internet Explorer 9</h1>
  <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
  the  public on March 14, 2011 at 21:00 PDT.....</p>
</article>

عنصر <nav>

عنصر <nav> مجموعه ای از لینک ها را تعریف می کند. عنصر <nav> استبرای بلوک های بزرگی از لینک ها در نظر گرفته شده.

مانند :

<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>

عنصر <aside>

عنصر <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>

 

عنصر <header>

عنصر head یک سرعنوان برای یک سند و یا بخش تعریف می کند.همچنین می توانید چند head در یک بخش یا سند داشته باشید.

مانند:

<article>
  <header>
    <h1>Internet Explorer 9</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
  </header>
  <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
  the  public on March 14, 2011 at 21:00 PDT.....</p>
</article>

عنصر <footer>

عنصر footer پایین صفحه برای یک سند و یا بخش تعریف می کند. پایین صفحه به طور معمول شامل نویسنده از اسناد، اطلاعات کپی رایت، لینک به شرایط استفاده، اطلاعات تماس و غیره استفاده می شود.

مانند:

<footer>
  <p>Posted by: Hege Refsnes</p>
  <p><time pubdate datetime="2012-03-01"></time></p>
</footer>

عنصر <figure>

عنصر <figure> محتواهایی شامل تصاویر، نمودار، عکس ها، لیست کد و غیره مشخص می کند.

مانند:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>Fig1. - The Pulpit Pock, Norway.</figcaption>
</figure>

 

comments powered by Disqus
تبلیغات
آخرین تصاویر
شهر تاریخی جیزد باغ شازده ماهان عمارت و باغ نشاط (سالار) تقی آباد غار پرده رستم کاروانسرای شاه عباس یونسی حلزون اسب در کوهستان بچه پنگوئن بچه میمون ديگو کاستا دنی آلوز میامی هیت پیرلو فرانچسکو توتی لیونل مسی طوطی دریا جاده زمستانی گورخر ... ... پل کلبه ببر
وضعیت آب و هوا
  • یزد
  • ارومیه
  • اصفهان
  • البرز
  • مشهد
  • شیراز
  • تبریز
  • تهران
  • زاهدان
  • اهواز
  • زنجان
  • رامسر
  • بابلسر
  • کرمانشاه
  • بندرعباس
  • کرمان
  • گرگان
  • یاسوج
  • همدان
  • آبادان
  • مکه
موضوعات مشابه