Qadimgi HTML elementlari va yangi HTML5-ni qo'shish
Ko'p yillar oldin uning rivojlanishi boshlangan bo'lsa-da, 2010 yilda HTML5 birinchi navbatda veb-dizaynerlar / ishlab chiquvchilar bilan birgalikda foydalanishga kirishdi. Darvoqe, til juda ko'p veb-mutaxassislarga tanish edi, chunki hamma narsani noldan boshlamoqchi emas, balki HTML5 oldingi holatga qurilgan. HTML 4.01 ni biladigan har bir kishi tezda bu versiyadan bir nechtasini HTML5da topish mumkinligini aniqladi.
HTML5 HTML-da bir nechta elementlarni o'z ichiga olgan bo'lsa-da, u HTML5 uchun yangi bo'lgan bir nechta elementni ham taqdim etdi. Ushbu yangi elementlarning aksariyati uchun "kovpatni ochish" deb nomlangan yondashuv ishlatilgan. Bu AT-da keng tarqalgan bo'lib ishlatiladigan atama, aslida odamlarning nimalar qilayotganini va buni amalga oshiradigan narsalarni ko'rishni anglatadi. Veb-dizaynerlar uchun bu, ular sahifalarni qanday yaratganligini va ushbu faoliyat bo'yicha yangi elementlarga qarorlar qabul qilishni ko'rishni anglatadi. Misol uchun, ko'pgina veb-mutaxassislar "header", "nav" va "footer" ning identifikatorlari yoki sinfi atributlarini ishlatadigan bo'limlarni veb-saytlar tashkil qiladi. Shunday qilib, HTML5 bularni yangi elementlar sifatida tanitdi, ular veb-mutaxassislarga faqatgina bo'linishlar o'rniga maxsus bo'lim elementlarini qo'llash orqali o'z hujjatlariga ko'proq ma'no qo'shish imkonini berdi. Amaliy mashg'ulotlarni tanigan tanishlik va yondashuvning bu kombinatsiyasi HTML5ni veb-dizayn sohasi bilan tezda quchishga yordam berdi.
HTML5 Doctype
Birinchidan, har qanday yangi HTML5 elementlarini ishlatish uchun sizning hujjatingizda HTML5 doctype bo'lishi kerak:
Siz ushbu dokumentda "HTML5" haqida emas, balki oddiygina versiyani "html" deb ataganligini bilib olishingiz mumkin. Buning sababi shuki, bu doctype tilning barcha yinelemalari uchun ishlatilishi kerak bo'lgan narsadir.
Aslida, HTML5 tilning oxirgi raqamlangan versiyasi bo'lishi kerak, kelgusida doimiy ravishda yangi o'zgarishlar qo'shiladi. Darhaqiqat, quyida keltirilgan ro'yxatdagi ayrim unsurlar 2010 yilgi dastlabki urinishlardan so'ng tilga qo'shilgan!
HTML5 teglari
Yorliq | Izoh |
---|---|
Anchor yoki aloqa | |
abbr> | Qisqartirish |
| Hujjatning manzili yoki mualliflari |
| Xaridor tomonidagi rasm xaritasi |
| Maqola |
Tangental kontent | |
Audio oqim | |
b> | Qalin |
| Hujjatdagi ma'lumotlar uchun taglik URI yo'llari |
bdo> | Ikki tomonlama algoritm |
blockquote> | Uzoq tirnoq |
body> | Sahifaning tanasi |
Foydalanuvchining profili | Qator uzilishi |
| HTML formasi tugmasi |
Dinamik grafikalar uchun kanvas | |
Fikr | |
| Jadval sarlavhasi |
cite> | Citation |
code> | Kod mos yozuvlar |
| Jadval ustuni |
| Jadval ustunlarini guruhlash |
| Sahifadagi buyruq yoki harakat |
Hujjat turi ta'rifi | |
| Ma'lumotlar paneli |
Boshqa boshqaruv elementlari uchun oldindan belgilangan parametrlar | |
| Ta'rif ro'yxati ta'rifi yoki nutqning oralig'i |
| O'chirilgan matn |
| Qo'shimcha ma'lumot olish uchun qo'shimcha ma'lumot |
dfn> | Ta'rif |
Suhbat | |
div> | Mantiqiy bo'linish |
| Belgilar ro'yxati |
| Belgilar ro'yxatining termini yoki suhbatdoshi |
em> | Ta'kidlash |
Plaginlar uchun biriktirilgan element | |
Formalarni boshqarish guruhi | |
| Mavzu |
| Majburiy sarlavha bilan shakl |
Sahifaning pastki qismi | |
Shakl | |
h1> | Birinchi darajali sarlavha |
h2> | Ikkinchi darajali sarlavha |
h3> | Uchinchi darajali sarlavha |
h4> | To'rtinchi darajali sarlavha |
h5> | Beshinchi darajali sarlavha |
h6> | Oltinchi darajali sarlavha |
head> | Hujjat boshlig'i |
| Sahifa boshi |
hgroup> | Bosh sarlavhasi |
| Landshaft qoidalar |
html> | Veb-sahifaning ildiz elementi |
i> | Kursiv uslubi |
Inline ramka | |
Rasm | |
| Kirish ariza elementi |
| Tugma shakli elementi |
| Checkbox formasi elementi |
| Rangni kiritish |
| Sana kiritish |
| Umumiy sana va vaqt kiritish |
| Mahalliy sana va vaqt kiritish |
| E-pochta manzilini kiritish |
| Faylni yuklash shakli elementi |
| Yashirin ariza maydoni elementi |
| Rasm shakl elementi |
| Yil va oyni kiritish |
| Raqamni kiritish |
| Parol formasi elementi |
| Radio tugma elementi elementi |
| Noto'g'ri raqam kiritish |
| Tugma shakl elementini qayta tiklash |
| Qidiruv maydoni |
Tugma ariza elementini yuborish | |
| Telefon raqamini kiritish |
| Matn maydoni formasi elementi |
| Vaqt kiritish |
| URL kiritish |
| Yil va hafta kiritish |
ins> | Qo'shilgan matn |
kbd> | Foydalanuvchi tomonidan kiritiladigan matn |
| Sertifikat boshqaruvi uchun xavfsiz kalitlarni yaratish |
Shakli yorlig'i | |
| Maydonli sarlavhali yozuvni shakllantirish |
| Ro'yxat elementi |
Bilan bog'liq hujjatlarga havola | |
| Sahifadagi kontentning asosiy maydoni |
Xaridor tomonidagi rasm xaritasi | |
| Belgilangan yoki ta'kidlangan matn |
| Buyruqlar ro'yxati |
Hujjat haqidagi metan ma'lumot | |
| Skalar o'lchovi |
Navigatsiya havolalari bilan aniqlangan maydonni belgilang | |
Skriptlar mavjud bo'lmaganda kontent | |
| Nostandart ob'ekt |
| Buyurtma yoki raqamlangan ro'yxat |
Tanlangan ro'yxatdagi variantlar guruhi | |
| Tanlangan ro'yxatdagi variant |
Formani hisoblash natijasi | |
p> | Paragraf |
Ob'ekt elementining parametrlari | |
pre> | Oldindan formatlangan matn |
Harakatlanuvchi ko'rsatkich | |
q> | Qisqa satr ichidagi tirnoq |
Ruby parentezi | |
Ruby matni | |
ruby> | Ruby annotatsiyasi |
| Strikeout matn |
samp> | Namuna chiqishi |