HTML5
HTML5 hujjatlarini yozayotganda, siz sezadigan birinchi yangi xususiyatlardan biri bu hujjat turi deklaratsiyasi:
HTML5 hujjatlarini yozayotganda, siz sezadigan birinchi yangi xususiyatlardan biri bu hujjat turi deklaratsiyasi:
Belgilarni kodlash (charset) deklaratsiyasi ham soddalashtirilgan:
HTML5-dagi yangi elementlar.
<article>
<aside>
<audio>
<canvas>
<datalist>
<details>
<embed>
<footer>
<header>
<nav>
<output>
<progress>
<section>
<video> va boshqalar
<article>
<aside>
<audio>
<canvas>
<datalist>
<details>
<embed>
<footer>
<header>
<nav>
<output>
<progress>
<section>
<video> va boshqalar
HTML5-da yangi
Formalar
- Web Forms 2.0 spetsifikatsiyasi yanada kuchli formalarni yaratishga va foydalanuvchilarni yanada jozibali tajribalarini yaratishga imkon beradi.
- Sanani tanlash, rang tanlash va sonni boshqarish elementlari qo'shildi.
- Endi kiritish maydonlari turlari elektron pochta, qidirish va URL manzillarini o'z ichiga oladi.
- PUT va DELETE forma usullari hozirda qo'llab-quvvatlanadi.
Integrated API (amaliy dasturlash interfeysi)
- sudrab torting
- Audio va video
- Internet-ilovalar
- Tarix
- Mahalliy saqlash
- Geolokatsiya
- Veb-xabarlar
Formalar
- Web Forms 2.0 spetsifikatsiyasi yanada kuchli formalarni yaratishga va foydalanuvchilarni yanada jozibali tajribalarini yaratishga imkon beradi.
- Sanani tanlash, rang tanlash va sonni boshqarish elementlari qo'shildi.
- Endi kiritish maydonlari turlari elektron pochta, qidirish va URL manzillarini o'z ichiga oladi.
- PUT va DELETE forma usullari hozirda qo'llab-quvvatlanadi.
Integrated API (amaliy dasturlash interfeysi)
- sudrab torting
- Audio va video
- Internet-ilovalar
- Tarix
- Mahalliy saqlash
- Geolokatsiya
- Veb-xabarlar
Kelgusi darslarda ushbu yangi xususiyatlar haqida ko'proq bilib olasiz.
Tarkib modellari ro'yxati
HTML-da, elementlar odatda blok darajasida yoki ichki tarkib tarkibiga tegishli edi. HTML5 tarkibiy qismlarning ettita asosiy modelini taqdim etadi.
- Metadata
- Embedded
- Interactive
- Heading
- Phrasing
- Flow
- Sectioning
HTML-da, elementlar odatda blok darajasida yoki ichki tarkib tarkibiga tegishli edi. HTML5 tarkibiy qismlarning ettita asosiy modelini taqdim etadi.
- Metadata
- Embedded
- Interactive
- Heading
- Phrasing
- Flow
- Sectioning
HTML5 tarkibiy modellari belgilash tuzilishini brauzer va veb-dizayner uchun yanada mazmunli qilish uchun yaratilgan.
Tarkib modellari
Metadata: Taqdimotni yoki qolgan tarkibning xatti-harakatlarini o'rnatadigan tarkib. Ushbu elementlar hujjat boshida joylashgan.
Elementlar: <base>, <link>, <meta>, <noscript>, <script>, <style>, <title>
Embedded: Hujjatga boshqa manbalarni import qiluvchi tarkib.
Elementlar: <audio>, <video>, <canvas>, <iframe>, <img>, <math>, <object>, <svg>
Interactive: foydalanuvchi bilan o'zaro aloqa qilish uchun maxsus mo'ljallangan tarkib.
Elementlar: <a>, <audio>, <video>, <button>, <details>, <embed>, <iframe>, <img>, <input>, <label>, <object>, <select>, <textarea>
Heading: Bo'lim sarlavhasini belgilaydi.
Elementlar: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hgroup>
Phrasing: Ushbu modelda HTML4 ga o'xshash qator darajadagi elementlar mavjud.
Elementlar: <img>, <span>, <strong>, <label>, <br />, <small>, <sub> va boshqalar.
Metadata: Taqdimotni yoki qolgan tarkibning xatti-harakatlarini o'rnatadigan tarkib. Ushbu elementlar hujjat boshida joylashgan.
Elementlar: <base>, <link>, <meta>, <noscript>, <script>, <style>, <title>
Embedded: Hujjatga boshqa manbalarni import qiluvchi tarkib.
Elementlar: <audio>, <video>, <canvas>, <iframe>, <img>, <math>, <object>, <svg>
Interactive: foydalanuvchi bilan o'zaro aloqa qilish uchun maxsus mo'ljallangan tarkib.
Elementlar: <a>, <audio>, <video>, <button>, <details>, <embed>, <iframe>, <img>, <input>, <label>, <object>, <select>, <textarea>
Heading: Bo'lim sarlavhasini belgilaydi.
Elementlar: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hgroup>
Phrasing: Ushbu modelda HTML4 ga o'xshash qator darajadagi elementlar mavjud.
Elementlar: <img>, <span>, <strong>, <label>, <br />, <small>, <sub> va boshqalar.
Xuddi shu element bir nechta tarkibiy modellarga tegishli bo'lishi mumkin.
Tarkib modellari
Oqim tarkibi: Hujjatning normal oqimiga qo'shiladigan HTML5 elementlarining ko'pini o'z ichiga oladi.
Bo'lim tarkibi: Sarlavhalar, tarkib, navigatsiya va altbilgilarning hajmini belgilaydi.
Elementlar: <article>, <aside>, <nav>, <section>
Oqim tarkibi: Hujjatning normal oqimiga qo'shiladigan HTML5 elementlarining ko'pini o'z ichiga oladi.
Bo'lim tarkibi: Sarlavhalar, tarkib, navigatsiya va altbilgilarning hajmini belgilaydi.
Elementlar: <article>, <aside>, <nav>, <section>
Turli tarkibiy modellar, qanday ishlatilayotganiga qarab, muayyan sohalarda bir-biriga mos keladi.
HTML5-da sahifa tuzilishi
Umumiy HTML5 sahifa tuzilishi quyidagicha:
Umumiy HTML5 sahifa tuzilishi quyidagicha:
Sahifangizning tuzilishiga qarab sizga ushbu elementlarning ba'zilari kerak emas bo'lishi mumkin.
<Header> element
HTML4 da biz shunday sarlavhani aniqlaymiz:
HTML4 da biz shunday sarlavhani aniqlaymiz:
HTML5da buning o'rniga oddiy <header> tegidan foydalaniladi.
<header> elementi tanadagi yorliq ichida foydalanish uchun mos keladi.
<header> elementi tanadagi yorliq ichida foydalanish uchun mos keladi.