# Semantika ## Semantik elementlar nima ? Semantik element brauzer va dasturchi uchun element mazmunini aniq tasvirlab beradi. **Semantik bo'lmagan** elementlarga misollar : `

` va ``- Bular nimalarni o'z ichiga olishi haqida avvaldan hech narsa deb bo'lmaydi. **Semantik** elementlarga misollar : `

`, ``, va `

`- Bular nimalarni o'z ichiga olishi, element nomidan bilinib turadi. ## HTMLdagi semantik elementlar Ko'pgina saytlarda navigatsiya, sarlavha va footerni ifodalash uchun quyidagi kabi HTML kodlar mavjud: \

\

. HTMLda veb-sahifaning turli qismlarini ifodalash uchun ishlatilishi mumkin bo'lgan ba'zi semantik elementlar mavjud: * \

* \

elementlari `
` tegi rasmlar, diagrammalar, fotosuratlar, kodlar ro'yxati va shu kabi boshqa mustaqil kontentlarni ifodalaydi. `
` tegi `
` elementi uchun sarlavha nomini bildiradi. `
` elementi `
` elementining birinchi yoki oxirgi bolasi sifatida joylashtirilishi mumkin. `` elementi haqiqiy rasm/illyustratsiyani ifodalaydi. ```html

Fig1. - Trulli, Puglia, Italy.

``` {% embed url="" %} ## Nega aynan Semantik elementlar ? W3C ga ko'ra: "Semantika Internetdagi ma'lumotlarni, dasturlar, korxonalar va kommunitylar aro almashish va qayta foydalanish imkonini beradi." ## HTMLdagi semantik elementlar Quyidagi ro'yhatda HTMLning ba'zi semantik elementlari keltirilgan: | Teg nomi | Tarifi | | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------- | | [\
](https://www.w3schools.com/tags/tag_article.asp) | Mustaqil kontentni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_aside.asp) | O'zi joylashtirilgan kontentdan tashqari ba'zi tarkibiy qismni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_details.asp) | Foydalanuvchi ko'rishi yoki yashirishi mumkin bo'lgan qo'shimcha ma'lumotlarni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_figcaption.asp) | `
` elementi uchun sarlavhani ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_figure.asp) | Illyustratsiyalar, diagrammalar, fotosuratlar, kodlar ro'yxati va shu kabi boshqa mustaqil kontentlarni ifodalaydi. | | [\
](https://www.w3schools.com/tags/tag_footer.asp) | Sahifa yoki bo'lim uchun footerni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_header.asp) | Sahifa yoki bo'lim uchun Headerni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_main.asp) | Sahifaning asosiy qismini ifodalaydi | | [\](https://www.w3schools.com/tags/tag_mark.asp) | Belgilangan va ajratib ko'rsatilgan matn yaratadi | | [\
](https://www.w3schools.com/tags/tag_nav.asp) | Navigatsiya havolalarini ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_section.asp) | Sahifadagi ma'lum bir bo'limni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_summary.asp) | `
` elementi uchun ko'rinadigan sarlavhani ifodalayd | | [\](https://www.w3schools.com/tags/tag_time.asp) | Sana/vaqtni ifodalaydi | --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://cyberacademyuz.gitbook.io/w3schools/html/boshlash/semantikalar.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.

elementlari `
` tegi rasmlar, diagrammalar, fotosuratlar, kodlar ro'yxati va shu kabi boshqa mustaqil kontentlarni ifodalaydi. `
` tegi `
` elementi uchun sarlavha nomini bildiradi. `
` elementi `
` elementining birinchi yoki oxirgi bolasi sifatida joylashtirilishi mumkin. `` elementi haqiqiy rasm/illyustratsiyani ifodalaydi. ```html

Fig1. - Trulli, Puglia, Italy.

``` {% embed url="" %} ## Nega aynan Semantik elementlar ? W3C ga ko'ra: "Semantika Internetdagi ma'lumotlarni, dasturlar, korxonalar va kommunitylar aro almashish va qayta foydalanish imkonini beradi." ## HTMLdagi semantik elementlar Quyidagi ro'yhatda HTMLning ba'zi semantik elementlari keltirilgan: | Teg nomi | Tarifi | | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------- | | [\
](https://www.w3schools.com/tags/tag_article.asp) | Mustaqil kontentni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_aside.asp) | O'zi joylashtirilgan kontentdan tashqari ba'zi tarkibiy qismni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_details.asp) | Foydalanuvchi ko'rishi yoki yashirishi mumkin bo'lgan qo'shimcha ma'lumotlarni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_figcaption.asp) | `
` elementi uchun sarlavhani ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_figure.asp) | Illyustratsiyalar, diagrammalar, fotosuratlar, kodlar ro'yxati va shu kabi boshqa mustaqil kontentlarni ifodalaydi. | | [\
](https://www.w3schools.com/tags/tag_footer.asp) | Sahifa yoki bo'lim uchun footerni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_header.asp) | Sahifa yoki bo'lim uchun Headerni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_main.asp) | Sahifaning asosiy qismini ifodalaydi | | [\](https://www.w3schools.com/tags/tag_mark.asp) | Belgilangan va ajratib ko'rsatilgan matn yaratadi | | [\
](https://www.w3schools.com/tags/tag_nav.asp) | Navigatsiya havolalarini ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_section.asp) | Sahifadagi ma'lum bir bo'limni ifodalaydi | | [\
](https://www.w3schools.com/tags/tag_summary.asp) | `
` elementi uchun ko'rinadigan sarlavhani ifodalayd | | [\](https://www.w3schools.com/tags/tag_time.asp) | Sana/vaqtni ifodalaydi | --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://cyberacademyuz.gitbook.io/w3schools/html/boshlash/semantikalar.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.

WWF

WWF's Panda symbol

Google Chrome

Mozilla Firefox

Microsoft Edge

Most Popular Browsers

Google Chrome

Mozilla Firefox

Microsoft Edge

- \

What Does WWF Do?