3339
HTML 5 CSS 3 YANGILANISH SARI
Mavzu fayllari (4)
Xabarlar
HTML 5 – bu HTML 4.01 gipermatnli markerlash tilidan keyingi versiya hisoblanadi. HTML 5 yangi versiya bo’lganligi sababli bir nechta yangi teglar kiritilgan.
Yangi versiya HTML 5 nega kerak edi va qulayliklari qanday?
HTML 5 qulaylik taraflaridan eng asosiysi bu multimediali tizimlar bilan aloqa qilishda va saytda multimedia joylashda qo’shimcha qiyinchiliklarni bartaraf etish uchun maxsus teglar chiqarilganligidir. Bir necha yillar oldin sahifaga video joylash uchun bizga Flash Player, Flash Multimedia o’qigich va <object> tegidan foydalnilgan. Bundan tashqari turli xil JavaScript, JQuery va CSS’larsiz sahifaga video aks etmas edi. HTML 5’da mana shu muammolarni <video> va <audio> teglari hal qildi.
Endi esa HTML 5 qulaylik va kamchiliklari haqida bildiramiz.
Qulayligi:
*.Multimedia tizimlari bilan oson va tezkor aloqa qila olishi,
*.Canvas – turli xildagi grafikalarni HTML 5’ni o’zida yaratish imkoniyati,
*.Geolokatsiya – Google Map bilan oson ishlash imkoniyati
*.Qidiruv tizimlari uchun saytni yana ham yuqoriga chiqarish uchun maxsus teglar
Yangi versiya HTML 5 nega kerak edi va qulayliklari qanday?
HTML 5 qulaylik taraflaridan eng asosiysi bu multimediali tizimlar bilan aloqa qilishda va saytda multimedia joylashda qo’shimcha qiyinchiliklarni bartaraf etish uchun maxsus teglar chiqarilganligidir. Bir necha yillar oldin sahifaga video joylash uchun bizga Flash Player, Flash Multimedia o’qigich va <object> tegidan foydalnilgan. Bundan tashqari turli xil JavaScript, JQuery va CSS’larsiz sahifaga video aks etmas edi. HTML 5’da mana shu muammolarni <video> va <audio> teglari hal qildi.
Endi esa HTML 5 qulaylik va kamchiliklari haqida bildiramiz.
Qulayligi:
*.Multimedia tizimlari bilan oson va tezkor aloqa qila olishi,
*.Canvas – turli xildagi grafikalarni HTML 5’ni o’zida yaratish imkoniyati,
*.Geolokatsiya – Google Map bilan oson ishlash imkoniyati
*.Qidiruv tizimlari uchun saytni yana ham yuqoriga chiqarish uchun maxsus teglar
ProjecT, Biron sahifa tashlang shu html 5 bor sahifadan. Biz ham o'rganaylik + ko'raylik
+ (1): mr_nokia02,
Inlab.uz
6 daqiqa 20 soniyadan keyin yozdi:
Inha unvesitetini Labaratoriyasi web boyicha ilgari keepgoing¤u¤ bolardi shundan keyin yoqotib qoyudi yana qaytipti
6 daqiqa 20 soniyadan keyin yozdi:
Inha unvesitetini Labaratoriyasi web boyicha ilgari keepgoing¤u¤ bolardi shundan keyin yoqotib qoyudi yana qaytipti
*.Qidiruv tizimlari uchun saytni yana ham yuqoriga chiqarish uchun maxsus teglar
shu haqda kim to`liq ma`lumot biladi
28 daqiqa 47 soniyadan keyin yozdi:
<div id="">
va
<div class=""> ni nima farqi bor
#id asosan web da foydalaniladimi?
shu haqda kim to`liq ma`lumot biladi
28 daqiqa 47 soniyadan keyin yozdi:
<div id="">
va
<div class=""> ni nima farqi bor
#id asosan web da foydalaniladimi?
MR_BaxtiyoR, # MR_BaxtiyoR (21.10.2018 / 19:11)
*.Qidiruv tizimlari uchun saytni yana ham yuqoriga chiqarish uchun maxsus teglar
shu haqda kim to`liq ma`lumot biladi
28 daqiqa 47 soniyadan keyin yozdi:
<div id="">
va
<div class=""> ni nima fid va class`ni qidiruv tizimlariga hechqanday aloqasi yo`q!
*.Qidiruv tizimlari uchun saytni yana ham yuqoriga chiqarish uchun maxsus teglar
shu haqda kim to`liq ma`lumot biladi
28 daqiqa 47 soniyadan keyin yozdi:
<div id="">
va
<div class=""> ni nima fid va class`ni qidiruv tizimlariga hechqanday aloqasi yo`q!
MR_BaxtiyoR, class saytning dizayni uchun wap web saytlarda ishlatiladi!
id bu JavaScriptlar uchun url manzillar uchun ishlatilishi mumkin.
id orqali ko`pkina ishlarni qilsa bo`ladi.
Masalan saytiz bosh saxifasi juda ko`p malumot bor deylik siz tepa panelga ularni bo`lib bo`lib qilib nomlab sayt foydalanuvchilari o`ziga kerakli ma`lumotka link bosish orqali o`tishini amalga oshirishingiz mumkin buning uchun tepa panelga <a href="#statistika"> Statistika</a> deb yozasiz va kerakli joyga <div id="statistika"> Bu yerda sayt statistikasi bor</div> deb yozishingiz mumkin.
id ni JS kodlar uchun ham ishlatishingiz mumkin va hokozo!!!
id bu JavaScriptlar uchun url manzillar uchun ishlatilishi mumkin.
id orqali ko`pkina ishlarni qilsa bo`ladi.
Masalan saytiz bosh saxifasi juda ko`p malumot bor deylik siz tepa panelga ularni bo`lib bo`lib qilib nomlab sayt foydalanuvchilari o`ziga kerakli ma`lumotka link bosish orqali o`tishini amalga oshirishingiz mumkin buning uchun tepa panelga <a href="#statistika"> Statistika</a> deb yozasiz va kerakli joyga <div id="statistika"> Bu yerda sayt statistikasi bor</div> deb yozishingiz mumkin.
id ni JS kodlar uchun ham ishlatishingiz mumkin va hokozo!!!
+ (2): Сирожиддин, MrShahzodbek,
uDesign, web sahifalar uchun ham #id dan foydalanishar ekan
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
.......
bunig o`rniga class dan foydalansaham bo`ladi,
lekin farqiga tushunmayapman
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
.......
bunig o`rniga class dan foydalansaham bo`ladi,
lekin farqiga tushunmayapman
uDesign, # uDesign (21.10.2018 / 19:58)
MR_BaxtiyoR, class saytning dizayni uchun wap web saytlarda ishlatiladi!
id bu JavaScriptlar uchun url manzillar uchun ishlatilishi mumkin.
id orqali ko`pkina ishlarni qilsa bo`ladi.
Masalan saytizBunga qo'shimcha sifatida sahifaning pastiga "Yuqoriga" degan link ham qo'yishingiz mumkin:
saytning yuqori qismiga (masalan <body> dan keyin) kodlarini joylashtirasiz.
Keyin saytingizni pasida turgan "Yuqoriga chiqish" manzili ustiga bossa, sahifani yangilamasdan, "lip" etib saytingizni yuqori qismiga chiqarib qo'yadi.
MR_BaxtiyoR, class saytning dizayni uchun wap web saytlarda ishlatiladi!
id bu JavaScriptlar uchun url manzillar uchun ishlatilishi mumkin.
id orqali ko`pkina ishlarni qilsa bo`ladi.
Masalan saytizBunga qo'shimcha sifatida sahifaning pastiga "Yuqoriga" degan link ham qo'yishingiz mumkin:
saytning yuqori qismiga (masalan <body> dan keyin) kodlarini joylashtirasiz.
Keyin saytingizni pasida turgan "Yuqoriga chiqish" manzili ustiga bossa, sahifani yangilamasdan, "lip" etib saytingizni yuqori qismiga chiqarib qo'yadi.
+ (1): MR_BaxtiyoR,
#3b da *.Qidiruv tizimlari uchun saytni yana ham yuqoriga chiqarish uchun maxsus teglar deb yozilgan ekan
shu haqdaham ma`lumot bera olasizmi?
shu haqdaham ma`lumot bera olasizmi?
MR_BaxtiyoR, # MR_BaxtiyoR (21.10.2018 / 20:02)
uDesign, web sahifalar uchun ham #id dan foydalanishar ekan
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
bBularning farqi
idni chaqirish uchun deb id testni chaqirasiz.
classda esa dev chaqirasiz.
Bular ikkalasi ham .css faylga yozilaveradi lekin
idni shaklida yozasiz
class da esa shakilda yozasiz. Kimga qaysinisi qulay bo'lsa shuni yozadi buni qizig'i yo'q lekin idga classga qaraganda ko'proq ish qilsa bo'ladi. Tushundingiz deb umid qilaman.
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_classes_capitals
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_id_css shu ikkalasini ko'rishni maslahat beraman
uDesign, web sahifalar uchun ham #id dan foydalanishar ekan
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
bBularning farqi
idni chaqirish uchun deb id testni chaqirasiz.
classda esa dev chaqirasiz.
Bular ikkalasi ham .css faylga yozilaveradi lekin
idni
class da esa
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_classes_capitals
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_id_css shu ikkalasini ko'rishni maslahat beraman
Mana html5 va css3 afzal tomoni, animatsiyaga qarang.Hech qanday jssiz animatsiya.
+ (1): Shoxruh8143,
Biriktirilgan fayllar [1]:
— html5_css3_animation.zip (1.93 KB) (159 ↴)
— html5_css3_animation.zip (1.93 KB) (159 ↴)
Shoxruh8143, Meta teg Html ning eski versiyasida ham bor,
25 soniyadan keyin yozdi:
Savolimni tushunmadingiz
25 soniyadan keyin yozdi:
Savolimni tushunmadingiz
Onlayn: 826 (1/825)
Forumga a'zo bo'lish
Bosh sahifa