|
HTML5 dan Olib Tashlangan Elementlar
Quyidagi HTML4 da mavjud elementlar HTML5 dan olib tashlangan:
HTML4
|
HTML5
|
|
|
|
|
|
CSS
|
|
CSS
|
|
CSS
|
|
|
|
CSS
|
|
|
|
|
<![CDATA[
<br /></td> <td width="282">
<br />
<br />
<br /></td> </tr> <tr valign="top"> <td width="405" height="28" bgcolor="#efefef">
<br /><strike>
<br /></td> <td width="282" bgcolor="#efefef">
<br />CSS
<br /></td> </tr> <tr valign="top"> <td width="405" height="27">
<br /><tt>
<br /></td> <td width="282">
<br />CSS
<br /></td> </tr> </table>
<br />
<br />
<br /><h2>HTML Tarixi</h2>
<br />
<p>Ilk kunlardan boshlab hozirgacha HTML ning ko’plab turlari ishlab chiqilgan:</p>
<br />
<br />
<br /><table width="714" cellpadding="7" cellspacing="0"> <col width="623"> <col width="62"> <tr valign="top"> <td width="623" height="27">
<br /><b>Versiyalari</b>
<br /></td> <td width="62">
<br /><b>Yillari</b>
<br /></td> </tr> <tr valign="top"> <td width="623" height="28" bgcolor="#efefef">
<br />Tim Berners- Lee www ni ixtiro qildi
<br /></td> <td width="62" bgcolor="#efefef">
<br />1989
<br /></td> </tr> <tr valign="top"> <td width="623" height="28">
<br />Tim Berners-Lee HTML ni kashf qildi
<br /></td> <td width="62">
<br />1991
<br /></td> </tr> <tr valign="top"> <td width="623" height="27" bgcolor="#efefef">
<br />Dave Ragget HTML+ ni loyihalashtirdi
<br /></td> <td width="62" bgcolor="#efefef">
<br />1993
<br /></td> </tr> </table> <table width="714" cellpadding="7" cellspacing="0"> <col width="623"> <col width="62"> <tr valign="top"> <td width="623" height="27">
<br />HTML Working Group HTML 2.0 ommaga taqdim qildi
<br /></td> <td width="62">
<br />1995
<br /></td> </tr> <tr valign="top"> <td width="623" height="28" bgcolor="#efefef">
<br />W3C HTMl 3.2 ni tavsiya qildi
<br /></td> <td width="62" bgcolor="#efefef">
<br />1997
<br /></td> </tr> <tr valign="top"> <td width="623" height="28">
<br />W3C HTML 4.01ni ommaga tavsiya qildi
<br /></td> <td width="62">
<br />1999
<br /></td> </tr> <tr valign="top"> <td width="623" height="28" bgcolor="#efefef">
<br />W3C XHTML 1.0 ni ommaga tavsiya qildi
<br /></td> <td width="62" bgcolor="#efefef">
<br />2000
<br /></td> </tr> <tr valign="top"> <td width="623" height="27">
<br />HTML5ni WHATWG tomonidan ilk loyihasi ommaga namoyish etildi
<br /></td> <td width="62">
<br />2008
<br /></td> </tr> <tr valign="top"> <td width="623" height="28" bgcolor="#efefef">
<br />HTML5 WHATWG tomonidan standartlari namoyish etildi
<br /></td> <td width="62" bgcolor="#efefef">
<br />2012
<br /></td> </tr> <tr valign="top"> <td width="623" height="27">
<br />HTML5 ning yakuniy versiyasi W3C tomonidan yaratildi
<br /></td> <td width="62">
<br />2014
<br /></td> </tr> </table>
<br />
<br />
<br /><u><b>HTML5 qo’llanilishi</b></u>
<br /><span id='HTML5_Brauzer_Qo’llab_Quvvatlanishi'><h6> HTML5 Brauzer Qo’llab Quvvatlanishi</span></h6>
<br />HTML5 ni barcha zamonaviy brauzerlar qo’llab- quvatlaydi
<br />
<p>Shuningdek, barcha brauzerlar avtomatik tarzda aniqlanmay qolgan elemetlarni ichki element sifatida qo’llaydi.</p>
<br />
<p>Shu sababdan, HTML ning aniqlanmay qolgan elementlarini eski brauzerlar orqali ham foydalana olishga yo’naltirilsa bo’ladi boladi.</p>
<br />
<br />
<br /><b>... Eng qizigi shundaki IE6(Windows XP 2001) uchun ham ushbu yangi elementlarni qo’llash mumkin.</b>
<br />
<br />
<br /><b>HTML5 Elementlarini Blok Elementlari Kabi Kiritish</b>
<br />HTML5 sakkizta yangi <b>semantik </b>elementlarni o’z ichiga oladi. Ulaning barchasini block elementlari kabi kiritish mumkin.
<br />
<p>Eski brauzerlarda sahifa to’g’ri aks etishi uchun, CSS ning display tavsifini block deb belgilash kerak:</p>
<br />
<p>header, section, footer, aside, nav, main, article, figure { display: block;</p>
<br /> }
<br /><span id='HTML_ga_Yangi_Elementlar_Qo’shish'><h2>HTML ga Yangi Elementlar Qo’shish</span></h2>
<br />
<p>HTML uchun bir necha brauzer usullari yordamida yangi elementlar qo’shish mumkin. Ushbu misol yordamida <b><yangiTeg> </b>elemtini style yordamida qo’shishni sinab ko’ramiz:</p>
<br />
<br />
<br /><h5> Namuna:</h5>
<br /><html>
<br /><head>
<br /><title>HTML da yangi element qo’shish </title>
<br /><script>document.createElement("yangiTeg") </script>
<br /><style> yangiTeg {
<br />display: block; background-color: #ddd; padding: 50px;
<br />font-size: 30px;
<br />}
<br /></style>
<br /></head>
<br /><body>
<br />
<br />
<br /><h2>Birinchi Sarlavham</h2>
<br />
<p>Birinchi paragrafim </p>
<br />
<br />
<br /><yangiTeg>Mening Birinchi Elementim</yangiTeg>
<br />
<br />
<br /></body>
<br /></html>
<br />
<br />
<br /><b>document.createElement(&qout;doppi&qout;) </b>skripti faqat Internet Explorer brauzerini qanoatlantirish sifatida qo’shilgan
<br />
<br />
<br /><span id='Internet_Explorer_bilan_Bog’liq_Bo’lgan_Muammolar'><h2> Internet Explorer bilan Bog’liq Bo’lgan Muammolar</span></h2>
<br />Siz yuqoridagi barcha misollarni HTML5 da ishlatishingiz mumkin, biroq:
<br />
<p>... Internet explorer 8 va undan oldingi brauzerlar notanish elementlarni ishlatilishiga yo’l qo’ymaydigan qilib yaratilgan.</p>
<br />
<p>Shuning uchun Sjoerd Visscher "HTML5 uchun JavaScript" hamda "the shiv" larni yaratgan:</p>
<br />
<p>Yuqoridagi komment(izoh) ichidagi kodni IE9 avtomatik tarzda ozi qayta ishlaydi</p>
<br />
<br />
<br /><span id='Shiv_yechimining_to’laqonli_ko’rinishi'><h2> Shiv yechimining to’laqonli ko’rinishi</span></h2> <h5>Namuna:</h5>
<br /><html>
<br /><head>
<br /> <title>Styling HTML5</title>
<br /></head>
<br /><body>
<br />
<br />
<br /><h2>Mening birinchi maqolam
<br />
<br />
<br /><article>
<br />Toshkent O’zbekiston Respublikasining Poytaxtidir. Toshkent aholisi 6 milliondan oshiqdir.
<br /></article>
<br />
<br />
<br /></body>
<br /></html>
<br />
<p>shiv kodi <head> elementi ichiga joylashtirish kerak, chunki Internet Explorer dastaval aynan shu qismni ko’zdan kechirib chiqadi.</p>
<br />
<br />
<br /><h2>HTML5 Qolipi</h2> <h5>Namuna:</h5>
<br /><html lang="uz">
<br /><head>
<br /><title>HTML5 Asosiy qismi</title>
<br /><meta charset="utf-8">
<br /><style>
<br />body {font-family: Verdana, sans-serif; font-size:0.8em;} header,nav, section,article,footer
<br />{border:1px solid grey; margin:5px; padding:8px;} nav ul {margin:0; padding:0;}
<br />nav ul li {display:inline; margin:5px;}
<br /></style>
<br /></head>
<br /><body>
<br />
<br />
<br /><header>
<br /><h2>HTML5 Asosiy qismi</h2>
<br /></header>
<br />
<br />
<br /><nav>
<br /><ul>
<br /><li>HTML5 Semantic</li>
<br /><li>HTML5 Geolocation</li>
<br /><li>HTML5 Graphics</li>
<br /></ul>
<br /></nav>
<br /> <section>
<br />
<br />
<br /></section></meta></body></head></html></yangiteg></h2></tt></strike>]]>
Do'stlaringiz bilan baham: |
|
|
