HTML5 Semantik Elementlar

HTML5 Semantik Elementlar


Semantika - bu so'z va frazalarning ma'nosini o'rganish hisoblanadi

Semantik elementlar esa oz ma'nosiga ega elementlardir


Semantik Elementlar o'zi nima?

Semantik elementlar dasturchi hamda brauzerlarga tushinarli bo'lgan umumiy tushinchalardir

non-semantik(Semantik bo'lmagan) elementlar: <div> va <span> - O'z kontenti haqida hech qanday ma'lumot berolmaydi

Semantik elementlar: <form>, <table> va <img> - esa o'z kontentini to'liq izohlay oladi


Brauzer Qo’llab-quvvatlanishi

HTML5 semantik elementlarini barcha zamonaviy brauzerlarda to'liq qo'llasa bo'ladi.

Bundan tashqari eski brauzerlarni esa bu elementlarni qo'llashga moslashtirilsa bo'ladi.

Bu haqida HTML5 Brauzerlarda Qo’llab-Quvvatlanishi da o’qing.


HTML5 Yangi Semantik Elementlar

Ko'plab veb-sahifalar HTML kodlarida navigation, header va footerlarni: <div id="nav">, <div class="header">,<div id="footer"> ko'rinishida ifodalashadi.

HTML5 esa buni osonlashtirish maqsadida yangi semantik elementlarni o'z ichiga olgan:

  • <article>
  • <aside>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>
HTML5 Semantic Elements


HTML5da <section> Elementi

<section> elementi dokumentdagi bir bo’limni bildiradi.

W3C(World Wide Web Consortium)ning HTML5 dokumetiga ko’ra: "section kontentni bir mavzuga ko’ra guruhlangani va odatda sarlavhasi bilan".

Web sahifani bir betini kirish, asosiy kabi section laga bo’lish mumkin.

Namuna:

<section>
  <h1>WWF</h1>
  <p>The World Wide Fund for Nature (WWF) is....</p>
</section>

Innovative Lab web sahifasiga xush kelibsiz biz bilan birga IT sohasidagi o'z bilimlaringizni bosqichma-bosqich oshirib boring!


Telegram kanalimizdan kunlik darslarni o'rganing  

TOSHKENT SHAHRIDAGI INHA UNIVERSITETI - 2017