CSS Viewer bilan nima qilishingiz mumkin?

   CSSViewer- oddiy CSS xususiyatlarini ko'rish vositasi. Boshqa veb-ishlab chiquvchilar, veb-dizaynerlar va qiziquvchilar uchun Google Chrome kengaytmasi. CSS Viewer sizga shrift, rang va elementning joylashuvi kabi muhim ma'lumotlarni aks ettirishda yordam beradi .

    CSSViewer - bu oddiy CSS xususiyatlarini ko'rish vositasi, dastlab Nikolas Xuon tomonidan FireFox qo'shimchasi sifatida ishlab chiqarilgan (2006-2008).

     CSSViewer- orqali quyidagi amallarni bajarishingiz mumkin.

• Keraksiz oq bo'shliqlarni, chiziq belgilarini va chiziqli tanaffuslarni olib tashlaydi.
• Uslub deklaratsiyasining so'nggi yarim nuqta va qo'shimcha yarim nuqta nuqtalarini olib tashlaydi
• Bo'sh CSS deklaratsiyalarini olib tashlaydi
• Nolinchi qiymatlarni ishlatganda birliklarni olib tashlaydi.
• Bu CSS-ni obodonlashtirish / formatlashda yordam beradi.
• Bu sizning CSS-ni minimallashtirishga yordam beradi.

       CSSViewer-ni yoqish uchun shunchaki asboblar paneli belgisini bosing va keyin tekshirmoqchi bo'lgan har qanday elementni joriy sahifada olib boring. Tekshirish uchun kengaytmani bosing va elementlar ustiga suring. Bundan tashqari, bu ma'lumotni oddiy odam uchun ham sarflanadigan tarzda beradi. Vaqtni tejashda samaralidir.

      CSS uslubi ma'lum bir elementga qanday qo'llanilishini bilmoqchi bo'lganingizda "Inspect Element" ni bosish kerak.

      Manba kodini GitHub-da https://github.com/miled/cssviewer-da topishingiz mumkin

      To'g'ri ishlash uchun CSSViewer sizning tarixingiz va veb-saytingiz ma'lumotlariga kirish uchun ruxsat talab qiladi. Biroq, CSSViewer sizning shaxsiy ma'lumotlaringizning birortasini ham yig'maydi va hech qachon uzatmaydi.

- CSSViewer uni o'rnatmasdan oldin ochilgan yorliqlarda ham, Google chrome do'konida ham ishlamaydi (Google shu tariqa :)

- Ba'zan siz saytingizdagi saytga qarab uslub buzilishi mumkin.

- Yamalar qabul qilinadi

       Ushbu xrom kengaytmasi kichik qo'shimchalar bilan Firefox CSSViewer qo'shimchasining to'g'ridan-to'g'ri portidir. Kreditlar dastlabki ishlab chiquvchi va ishtirokchilarga beriladi.

Changelog:

1.7: 04/2017 - klaviatura yorliqlarini qo'shing va mahalliy fayllar uchun tomoshabinni yoqing.

1.6: 11/2014 - menyuga inspektsiya elementini qo'shing. Generate css ta'rifini qo'shing. Avtomatik joylashishni aniqlash bilan bog'liq bir nechta muammolarni hal qiling. Chrome / 38 bilan muammoni hal qiling.

1.5: 10/2015 - Chrome / 38.0.2125.101 bilan bog'liq muammolarni tuzatish.

1.4: 02/2013 - CSSViewer-ni Github-da ochiq manbali loyiha sifatida chiqarish uchun juda ko'p kichik o'zgarishlar.

1.3: 08/2011 - "Effects" toifasi ostida ba'zi CSS3 xususiyatlarini qo'llab-quvvatlang.

1.2: 07/2011 - Ba'zi kichik xatolarni tuzatish.

1.1: 03/2010 - Dastlabki versiyasi.

HTML Viewer HTML satrini / faylini eng yaxshi natijaga ega formatlashda yordam beradi. E'tibor bering, formatlashtiruvchi div va span kabi tarkib teglari orasidagi bo'shliqlar va yorliqlarni saqlaydi, chunki ular haqiqiy tarkib deb hisoblanadi.

HTML Viewer bilan nima qilishingiz mumkin?

Bu sizning HTML-ni bezatishda / formatlashda yordam beradi.

Bu HTML-ni minimallashtirishga yordam beradi.

Bu HTML chiqishini ko'rsatishga yordam beradi.

Bu HTML tarkibini saqlash va bo'lishishga yordam beradi.

        Bulutli hisoblash va veb-xosting o'xshash ko'rinishi mumkin, chunki ushbu ikki turdagi xizmatlar bir-biriga juda o'xshash sozlashlarga ega bo'lishi va bir xil natijalarni berishi mumkin. Biroq, bulutli hisoblash va veb-xosting xizmatlari o'rtasida har birining texnik ta'rifi bilan bog'liq bo'lgan juda muhim farqlar mavjud.

        Veb-xosting - bu shunchaki veb-loyihalarni qo'llab-quvvatlash uchun foydalaniladigan fayllar va serverlar uchun masofaviy joylashishni va xizmat ko'rsatishni taklif qilish jarayoni . Oddiy veb-xosting turlariga individual foydalanuvchilar veb-xosting provayderi bilan kichik veb-saytlarni qurish va saqlashlari mumkin bo'lgan xizmatlar va korporativ veb-xosting kiradi, bu erda korxonalar o'zlarining saytlarini joylashtirish uchun uchinchi tomon bilan Internet-provayderlar kabi shartnomalar tuzadilar.

           Bulutli hisoblash masofaviy veb-xostingni ham qo'llab-quvvatlashi mumkin. Bulutli hisoblash xizmatlarining ta'rifi mijozlarning simsiz yoki IP-ga ulangan tarmoqlar orqali sotuvchilarga ulanishini o'z ichiga oladi. Bulutli hisoblashda mijoz "bulut" deb nomlangan mavhum tarmoq traektoriyasi orqali sotuvchiga ma'lumot yuboradi. Keyinchalik ma'lumotlar sotuvchilarga tegishli bo'lgan va boshqariladigan uzoq serverlarda saqlanadi va saqlanadi .

       Umuman olganda, veb-xostingni o'z ichiga olgan bulutli hisoblash xizmatlari bulutli hisoblash printsiplariga asoslanmagan boshqa an'anaviy veb-xosting turlariga muqobil bo'lishi mumkin. Eng katta farqlardan biri "ko'p mijozli" yondashuvga nisbatan " bitta mijoz" deb nomlanishi mumkin . Veb-xostingni o'z ichiga olgan bulutli hisoblash xizmatlari odatda ko'p qirrali hisoblanadi. Bu shuni anglatadiki, bir nechta mijozlarning fayllari va ma'lumotlar resurslari bitta serverda joylashgan. Bu alohida mijozlar uchun moslashuvchanlik va talab bo'yicha xizmatlarni taqdim etadi, shunda provayderlar etkazib berishni osonlikcha kattalashtirishlari yoki kamaytirishlari mumkin.

        Aksincha, maxsus veb-xosting har qanday serverda faqat bitta mijozga xizmat ko'rsatadigan veb-xosting kompaniyasini o'z ichiga oladi. Bu ko'proq individual xavfsizlik va individual mijozga xizmat ko'rsatishga ko'proq yo'naltirilgan yondashuvni ta'minlaydi.

ROBOTLAR- inson uchun

          Men robotlar turlari va rivojlanish bosqichlari haqida gapirishni istayman.

So'nggi yillarda yangi turdagi robotlarning paydo bo'lishi haqida ko'p eshitamiz. Ular sanoatda, kundalik hayotda, shuningdek hayotimizning turli sohalarida: ta'lim, tibbiyot, sport va hattoki aviatsiyada qo'llaniladi. Robotika, ayniqsa, axborot texnologiyalari asrida jadal rivojlana boshladi

           "Robot" so'zi chex yozuvchisi KarelChapek va uning ukasi Yozef tomonidan ishlab chiqilgan bo'lib, birinchi marta 1920 yilda Chapekning "RUR» ("Rossum Universal Robots") tomonidan yaratilgan. Sanoat robotlari paydo bo'lishidan oldin robotlar odamga o'xshaydi deb o'ylashgan. Bugungi kunda gumanoid robotlarni android deb atashadi. Robot so'zi (chexcha robot - majburiy bo'lmagan mehnat yoki o'g'ir - qul) - odatda ishlab chiqarish va boshqa odamlar tomonidan ishlab chiqariladigan va ishlab chiqariladigan jarayonlarni ishlab chiqaruvchi avtomatik vositani anglatadi.

Zamonaviy robotlar tashqi ko'rinishi va dizayni jihatidan juda farq qilishi mumkin. Bugungi kunda sanoat korxonalarida tashqi ko'rinishi (texnik yoki iqtisodiy sabablarga ko'ra) "inson" dan uzoq bo'lgan turli xil robotlardan foydalanilmoqda. Bundan tashqari, uni robot yoki operator boshqarishi yoki oldindan o'rnatilgan dastur orqali boshqarishi mumkin.

            Zamonaviy robotlarning namunalari - o'zini o'zi boshqaradigan mexanik odamlarning birinchi amaliy qo'llanilishi to'g'risidagi ma'lumotlar ellinistik davrga to'g'ri keladi. O'sha paytda to'rtta oltin suv bilan qoplangan ayollar haykali Faros orolidagi mayoqqa o'rnatildi. Kun davomida ular quyoshda porlaydilar, kechalari esa har doim uzoqdan yaxshi ko'rinish uchun yorqin ranglarda yoritib turiladi. Biroz vaqt o'tgach, ushbu haykallar burilib, signal beradi; tunda ular karnay-surnay chalib, suzuvchilarni qirg'oq bo'yi haqida ogohlantiradilar.

            Mavjud va ixtiro qilingan hayoliy robotlar shu qadar ommalashib ketdiki, 2003 yilda Robot Shon-sharaf zali tashkil etildi - www.robothalloffame.org. Robotlar shon-sharaf zali 2003 yilda AQShning Pitsburg shahridagi Karnegi Mellon shahridagi kompyuter fanlari maktabi tomonidan tashkil etilgan. Robotlar shon-shuhrat zali yaratilishidan maqsad robototexnika rivojlanishiga asos bo'lgan robotlar sohasida erishilgan yutuqlarni va haqiqiy robotlar ishlab chiqarishga ilhom bergan ilmiy fantastikadagi robotlar tasvirlarini abadiylashtirish edi. Robotlar shon-sharaf zaliga kirishni istagan har bir kishi robotlarni qo'shishni tavsiya qilishi mumkin. Uni kiritish to'g'risida qarorni olimlar, yozuvchilar va tadqiqotchilar hakamlar hay'ati qabul qiladi. Birinchi robotlar panteonining vakillari 2003 yil 10 noyabrda Karnegi Ilmiy Markazida (Pitsburg) bo'lib o'tgan tadbirda e'lon qilindi.

Robotlar, asosan, 3 turga boʻlinadi: qatʼiy dastur asosida ishlaydigan Robot, odam (operator) boshqaradigan Robot va sunʼiy intellektli (integralli) Robot Ish bajarish turiga qarab, Robot manipulyatorlar, axborot uzatuvchi Robot, odimlovchi Robot va boshqalarga boʻlinadi. Robotlarning tashqi koʻrinishi ham, xattiharakatlari ham odamni eslatadi, yaʼni ular antropomorf (odamsimon) mashinalar hisoblanadi va boshqa mashinalardan shu xususiyati bilan farq qiladi. Robotlar texnikasining asosiy 2 yoʻnalishi mavjud: sanoatda ishlatiladigan va favqulodda (ekstremal) sharoitda ishlatiladigan Robotlar texnikasi. Sanoatda ishlatiladigan Robot, Mas, Robotmanipulyatorda „mexanik qoʻllari“ va tashqi boshqarish pulti yoki oʻziga oʻrnatilgan dasturli boshqarish qurilmasi, EHM (kompyuter) boʻladi. Operator P. qoʻllarining harakatini bevosita yoki televizor ekranidan kuzatib boshqaradi. Koʻpincha Robot avtomatik boshqarish tizimi bilan jihozlanadi. Robotmanipulyatorlar, asosan, kishi salomatligi uchun xavfli boʻlgan (ekstremal) sharoitlarda qoʻllaniladi. Robotlar jarayonlarni avtomatlashtirishning eng samarali vositasi hisoblanadi.

Aynan qanday mashinalar robot, deb atalishi mumkinligi haqida aytadigan bo’lsak, odatiy robot quyidagi sifatlarga ega boʻlishi kerakligi taʼkidlanadi:

• Tabiiy emas, yaʼni ongli mavjudot tomonidan yasalgan.
• Atrof-muhitni kuzata oladi (koʻrish orqali kuzatishi shart emas; boshqa tur sezgi ham boʻlishi mumkin).
• Atrof-muhit bilan interfaol munosabatda boʻla oladi.
• Qandaydir darajada aqlli, yaʼni (mustaqil yoki oldindan dasturlangan) qaror qabul qila oladi.
• Dasturlana oladi.
• Aylanish yoki parallel koʻchish oʻqlari bilan harakat qila oladi.
• Epchil manipulatsiyalarni bajara oladi.

Irodasini namoyish qila oladi (bu sifat muhim emas, zero antropomorfizmga taalluqlidir

        Xulosa qilib aytganda, robot haqida uzoq o'ylash mumkin, hatto u haqida qisqacha o'ylab ko'rsak ham, bu juda ko'p joyni egallaydi. Ishonch bilan aytish mumkinki, axborot-kommunikatsiya texnologiyalarining jadal rivojlanishi bilan har birimiz tez orada o'zimizning aqlli robotimizga ega bo'lishimiz mumkin. Axir, mobil qurilmalar uchun eng mashhur operatsion tizim,  Android.

Veb-sahifalarni loyihalash uchun 

CSS-dan qanday foydalanish.

Bugungi kunda veb-sahifalar ko'plab mezonlarga qarab har xil ko'rinishlarda yaratilib kelinmoqda. Veb-sahifalar ko'pincha turli xil foydalanuvchilarni joylashtirish uchun mo'ljallangan, qobiliyatlari va imkoniyati cheklangan. Foydalanuvchilar veb-sahifalarni boshqacha his qilishadi. Foydalanuvchilar veb-sahifalarni kompyuter monitorlarida ko'rishlari mumkin. Ammo bugungi kunda ko'plab foydalanuvchilar Internetni smartfon va planshetlar kabi mobil qurilmalarda ko'rishmoqda. Veb-sahifalar hatto ulkan ekranlarda ham namoyish etilishi mumkin. Veb-dizaynerlar veb-sahifalarni yaratishda foydalanuvchilar va qurilmalarni hisobga olishlari kerak.

Veb-sahifalarni yaratish va loyihalash asoslarini o'rganganib, veb-sahifalarni yaratishda ba'zi narsalarni yodda tutishimiz va saqlashingiz kerak. Yaxshi namoyish qilish uchun ba'zi alifbolar uchun maxsus shriftlar kerak. Agar siz ko'proq veb-sahifalarni rivojlantirsangiz, yaxshi foydalanuvchi bo’la olasiz. Dunyoda hamma ko'rishi mumkin bo'lgan veb-sahifalarni yaratish uchun biz HTML yoki gipermatnlarni belgilash tilidan foydalanamiz.

HTML veb-sahifada paydo bo'ladigan hujjatning mazmuni, so'zlari va rasmlarini belgilaydi. Ba'zi formatlash HTML bilan belgilanadi. Masalan, <h1> yoki <h2> yoki <h3> teglari bilan HTML-da har xil o'lchamdagi sarlavhalar ko'rsatiladi. Turli xil ro'yxatlar HTML-da tartiblangan va tartibsiz ro'yxatlar uchun ol va ul teglaridan foydalangan holda ko'rsatiladi. Bular boshqacha ko'rinishda bo'ladi, chunki brauzerlar HTMLni sharhlaydi va ikkala sarlavha va ro'yxatlarni HTML formatiga mos ravishda o'zgartiradi.

Jadvallar HTML yordamida ham formatlanadi. Ko'rib turganingizdek, ma'lumotlar va boshqa ma'lumotlarni aks ettirish uchun jadval yaratish uchun ishlatiladigan ko'plab teglar bilan.

Rasmlar HTML yordamida namoyish etiladi. HTML tasvirining yoki .img yorlig'ining kengligi width atributi yordamida yoki HTML yorlig'iga uslub qo'shimchasi yordamida kengligi belgilanadi.

Ushbu uslub va kenglikdagi o'zgartirishlar veb-sahifani uslublash uchun CSS deb nomlangan. CSS - bu kaskadli jadvallar uchun qisqartma yoki qisqartma. CSS veb-sahifaning ko'rinishini va formatini belgilaydi, bu erda HTML tarkibni belgilaydi. Bu veb-dizaynerlarga tarkibni taqdim etish usulidan ajratib olishga imkon beradi.

 Agar siz veb-sayt uchun minglab veb-sahifalarni yaratayotgan bo'lsangiz, HTML elementining rangini yoki shriftini yoki hajmini o'zgartirishni minglab joylarda takrorlashni emas, balki bitta joyda lokalizatsiya qilish mumkin, bu o'zgarishlarni qiyinlashtiradi. Miqyosga mo'ljallangan dizayn - bu kompyuter fanining asosiy qismidir va CSS va HTML-ni birgalikda yaratishga imkon beradi.

                        CSS asoslari

Siz uslubni bir marta CSS-da tasvirlab berishingiz va uni bir nechta elementlarda yoki hatto bir nechta veb-sahifalarda ishlatishingiz mumkin. O'zgaruvchan dizayn talablariga javoban veb-sahifangizni samarali ravishda o'zgartira olish. CSS-ga nima yozishni o'rganishdan oldin, biz uni qaerga yozishni bilishimiz kerak. CodePen, Sublime Text, Visual Studio -da oynasida yozamiz. da HTML yozgansiz. Agar siz veb-sahifani CodePen kabi vositasiz noldan yozayotgan bo'lsangiz, CSS-ni stil yorlig'i yordamida va uning ichiga CSS yozish orqali yoki uslublar varag'iga havola qilish uchun havola yorlig'i yordamida kiritishingiz mumkin. Ushbu teglarning har biri HTML-ning bosh qismida joylashgan.

Ma'lum bir element turlarini uslublash usuli - bu identifikatordan foydalanish. Identifikator ma'lum bir elementni nomlaydi. Ko'p elementlarga qo'llanilishi mumkin bo'lgan sinf va faqat bitta elementga qo'llanilishi mumkin bo'lgan ID o'rtasidagi farq. Yakuniy usul kombinatorlar deb ataladi, bu teglar o'rtasidagi munosabatlarni ko'rsatishga imkon beradi. UL ning ichki qismidagi lilarni ma'lum bir uslubda uslublashni xohlayotganingizni belgilashingiz mumkin. 

Sinflar va identifikatorlar ikkalasi ham elementni uslublash usulini nomlashga imkon beradi.

Uslubni nomlash sizga ushbu uslubni kerak bo'lganda qayta ishlatishga imkon beradi.

Masalan, sizning saytingizdagi har bir sahifaning burchagida namoyish etishni istagan logotipingiz bo'lsa, unga bir marta uslub yozishingiz va har bir sahifada ushbu uslubni qayta ishlatishingiz mumkin. Nomlash va qayta ishlatish kompyuter fanida keng tarqalgan mavzu. Dasturlashni chuqurroq o'rganganingizda, ularni qayta ishlatish uchun narsalar, konstantalar, algoritmlar yoki ma'lumotlarni nomlash ko'pincha foydalidir.

What is a Pixel?

Piksel nima?

Raqamli tasvirlar piksellaridan boshqariladi. Piksel - bu rangli yorug'likning kichik nuqtasi. Kompyuter monitoriga qarasangiz, siz ko'rgan tasvir aslida shu darajada o'zgarishi mumkin bo'lgan darajadagi panjarasidan yasalgan. Ular shu qadar kichkina va shu qadar yaqinki, bitta uzluksiz rasmga o'xshaydi. Pikselli kichikligi haqida tasavvurga ega bo'lish uchun men buni yozayotganda men foydalanadigan monitor 1440 x 900 piksellar soniga ega ("1440 dan 900 gacha" deb o'qish). Bu shuni anglatadiki, tepada 1440 piksel va bir tomonda 900 piksel, jami 1,3 million pikse  l mavjud.

Agar ular kattalashtirilsa, piksellar qanday ko'rinishi mumkin. Bu 5x4 rasmning namunasi, chunki uning kengligi 5 piksel va balandligi 4 piksel.

Har bir piksel rang narxiga ega. Bizga har bir pikselni qaysi rangda bo'lishini kompyuterga aytib berishimiz uchun ranglarni amalga oshirish usuli kerak. Ko'p rangli tasvirlar mavjud, ammo JavaScript-da RGBA rang modeli deb nomlangan sxemalardan foydalaniladi. Asosan, bu rang turta raqam bilan ifodalanganligini davom ettirmoqda:

R (qizil chiroqni boshqarish)

G (yashil chiroqni boshqarish)

B (ko'k nur bilan) va

A ("alfa" deb nomlanadi, bu raqam rang bilan shaffof qilinmoqda aytadi)

       Shunday qilib, har bir rang tartibda raqam bilan ifodalanadi ("Hammasi bir raqam", esingizdami?). Bundan tashqari, yuqori raqamli uylarning har biri 0 dan 255 gacha bo'lgan binolarga ega bo'lishi kerak. Siz xohlagan ranglarning barchasini yaratish uchun har bir slot uchun faqat 256 imkoniyatdan foydalanish yoki yo'qmi deb o'ylashingiz mumkin.

 Agar sizda R, G va B xarajatlarining har biri uchun 256 imkoniyat mavjud bo'lsa, (shaffoflik raqamiga hozircha ko'rib chiqilmaydi), mavjud ranglarning umumiy soni 16 milliondan oshadi!

 Hisob-kitoblarga qaraganda, inson ko'zi atigi 10 million xil rangni aniqlay oladi, shuning uchun siz xohlagan rangni yarata olmasligingizdan tashvishlanmang.

Kompyuter rasmlarini ishlab chiqarish uchun nurdan foydalanganligi sababli, RGBA modeli keng tarqalgan modeldir. Bu shuni tushunadiki, vosita qancha ko'p qo'shiladi, rang oq rangga yaqinlashadi. Bo'yoqni vosita bilan ishlash bilan buni qarama-qarshi qiling. Bu subtractiv rang modeli, chunki qancha tez qo'shilasiz, shunchalik oq rangdan olasiz. Shunday qilib, R, G va B xarajatlari hammasi 0 ga teng qora (ishlash yo'q) va R, G, B bilan 255 xarajatlari oq (sof nur) ajablanarli emas. Bo'lgan raqamlarni bajarishga yoki ularni boshqarish uchun ishlatilishi mumkin bo'lgan tugmalar deb o'ylang. Agar siz qizil va ko'k chiroqlarni yoqasiz va yashil chiroqni o'chirib qo'ysangiz, binafsha rang soyalaringiz bor (R = 150, G = 0, B = 150). Chiroqni boshqarish ko'p yoqilgan, raqam shunchalik yuqori bo ' ladi va rang yanada kattaroq bo'ladi. R, G va B uchun mo'ljallangan rangni yaratish uchun qanday boshqarish usullaridan foydalanishni bilasizmi? Agar siz Internetda "RGB rang jadvali" ni qidirib topsangiz, palitrasi va ularni mos ravishda boshqarish xarajatlari bo'lgan saytlarni topasiz.

Alfa deb nomlangan oxirgi narx ham raqam bo'lib, uning darajasi 0 dan 255 gacha bo'lishi kerak. Bu safar raqamli tartib rangini o'zgartirmaydi, aksincha rangning shaffofligini o'zgartiradi. Agar pikselning alfa tekshiruvi 0 ga teng bo'lsa, u to'liq shaffof yoki ko'rinmasdir. Agar u 255 narxga ega bo'lsa, uni tugatish shaffof emas. Bunda shaffoflik xizmatidan foydalanish ekranda rang qatlamlariga yoki boshqa shakllarga o'tish orqali qisman ko'rish mumkin bo'lgan shakllarga ega bo'lishga imkon beradi.

Rasm koordinatalari tizimi

Va nihodat, bitta pikselni boshqasidan farqlay bilish juda juda. Biz buni har bir pikselning ekrandagi yoki rasmdagi binoga murojaat qilish orqali amalga oshiramiz. Har bir piksel X va Y xarajatlarini oladi, bu erda (0,0) ekranning yuqori chap burchagi. (Bu biroz odatlanib qolishi mumkin, chunki bu matematik darsida dekartiyal samolyotni chizish usuli emas!)

X darajadagi pikselning ishlashini ko'rib chiqmoqda, Y darajasida esa pikselning ko'rinishini pastligini o'zgartirdi. Mening kompyuterim monitor uchun 1440 x 900, yuqori chap burchak (0,0), yuqori og' (1439,0), chap pastga (0,899), pastki o n (1439,899), oralig'i esa (720, 450).

Hozirgacha barcha munozaralar tasvirlar va ranglarning kompyuterda namoyish etilishi to'g'risida umumiy ma'lumotga ega. Boshqacha qilib aytadigan bo'lsak, agar siz JavaScript-dan boshqa tilda dastur tuzsangiz ham xuddi shunday ma'lumotlar qo'llanilishi mumkin. 

URL adress: URL Manzil

Avval terminologiyani aniqlaymiz. URL manzili - bu Internetdagi manbaning va uning fayllarining joylashuvining yagona ko'rsatkichidir va rasm Tasvirni grafik formatlardan birida saqlaydigan fayl. Shunday qilib, Rasmning URL manzili - bu grafik faylni Internetda ma'lum bir manbada joylashganligini ko'rsatuvchi indikator.

Uniform Resource Locator (URL) – kompyuter tarmog‘idagi manzilni va uni olish mexanizmini aniqlaydigan veb-resurs uchun havola. URL manzil esa, yagona manba identifikatori (URI) ning o‘ziga xos turi. Ko‘p hollarda ushbu atamalar fayllarni uzatish (ftp), elektron pochta (mailto), maʼlumotlar bazasiga kirish (JDBC) va boshqa ko‘plab ilovalar uchun ishlatiladi.

URL [ ˌ j u ː  ɑ ː r e l ]) - yagona elektron resurslar tizimi, yoki Yagona resurs Manzil determiner ( fayl ).U Internetdagi ob'ektlarga havolalarni yozish uchun standart sifatida foydalaniladi ( "Butunjahon Internet tarmog'idagi" gipermatnli havolalar www ).

Tarix. URL tomonidan ixtiro qilingan Tim Berners-Li yilda 1990 Yadro tadqiqotlari Yevropa Kengashi devorlarida ( FR:  Conseil Européen la Recherche NUCLEAIRE, quyinglar CERN ) da Jeneva , Shveytsariya . URL Internetdagi asosiy yangilik bo'ldi. Dastlab URL manzili World Wide Web- dagi resurslarning (ko'pincha fayllar) joylashishini ko'rsatishga mo'ljallangan edi . Hozirgi kunda URL manzillari Internetdagi deyarli barcha resurslarning manzillariga murojaat qilish uchun ishlatiladi. URL standarti RFC 3986 da mustahkamlangan . URL manzillari endi URI resurslarini aniqlash tizimining umumiy qismi sifatida joylashtirilgan., URL atamasining o'zi asta-sekin URI keng atamasiga yo'l ochmoqda . URL standarti IETF va uning filiallari tomonidan boshqariladi .

URL sxemalari (protokollari). Umumiy qabul qilingan URL sxemalari (protokollari) quyidagilarni o'z ichiga oladi:

• ftp - FTP fayllarini uzatish protokoli
• http - HTTP gipermatnli uzatish protokoli
• rtmp - bu Internet orqali veb-kameralardan video va audio translyatsiya qilish uchun asosan foydalaniladigan, Haqiqiy vaqtda xabar yuborish protokoli.
• rtsp - bu real vaqtda oqim protokoli.
• https - bu shifrlashni ishlatadigan HTTP protokolining maxsus qo'llanmasi (odatda SSL yoki TLS )
• gopher - Gopher protokoli
• mailto - elektron pochta manzili
• yangiliklar - Usenet yangiliklari
• NNTP - Usenet yangilik ustida NNTP
• IRC - IRC protokoli
• smb - SMB / CIFS protokoli
• muvaffaqiyatli - Prospero katalog xizmati
• telnet - interaktiv Telnet sessiyasiga havola
• wais - WAIS tizimining ma'lumotlar bazasi
• XMPP - XMPP protokoli (qismi Jabber )
• fayl - mahalliy fayl nomi
• ma'lumotlar - to'g'ridan-to'g'ri ma'lumotlar ( Ma'lumotlar: URL )
• tel - ko'rsatilgan telefon raqamiga qo'ng'iroq

Ekzotik URL sxemalari:

• afs - Endryu Fayl tizimidagi global fayl nomi
• MIME qismlari uchun cid - kontent identifikatori
• elektron pochta uchun o'rta xabar identifikatori
• pochta serveri - pochta serverlaridan ma'lumotlarga kirish
• nfs - NFS tarmoq fayl tizimidagi fayl nomi
• tn3270 - interaktiv Telnet 3270 seansiga taqlid qilish
• z39.50 - ANSI Z39.50 xizmatlariga kirish
• skype - Skype protokoli
• smsto - ba'zi mobil telefonlarda SMS muharririni oching
• ed2k - eDonkey "s P2P Fayl almashish tarmog'i
• bozor - Android bozori
• bug '- Buxoriy protokoli
• bitcoin - Bitcoin kripto valyutasi
• ob - OpenBazaar
• tg - Telegram

Brauzerlardagi URL sxemalari:

• view-source  - ko'rsatilgan veb-sahifaning manba kodini turli brauzerlarda ko'rish.
• Turli xil brauzerlar xizmat va xizmat sahifalariga kirish uchun turli xil kalit so'zlardan foydalanadilar:
• Chrome Chrome brauzerlarida yoki Gecko dvigatelidagi brauzerlarda [4] .
• haqida Firefox va boshqalar
• Opera-dagi opera
• Yandex brauzeridagi brauzer .

2009 yilda Tim Berners-Li //tarmoq protokolini ko'rsatgandan so'ng URL boshidagi ikkilangan chiziq ortiqcha bo'lishi kerakligini tavsiya qildi

       URL kodlash

       URL standartida US- ASCII belgilar to'plami ishlatiladi . Bu jiddiy kamchilikka ega, chunki faqat lotin harflari, raqamlari va bir nechta tinish belgilariga ruxsat beriladi. Boshqa barcha belgilarni qayta yozish kerak. Masalan, kirillcha harflar , diakritikali harflar , ligaturalar , iyerogliflar qayta yozilishi kerak . Transkodlash kodlashi RFC 3986-da tavsiflangan va URL-kodlash, URL-kodlash yoki foizli kodlash deb nomlanadi .

           Kodlashning namunasini URL-da rus tilidan foydalanadigan rus tilidagi Vikipediyada ko'rish mumkin . Masalan, quyidagi qator:

https://ru.wikipedia.org/wiki/Wikipedia

quyidagicha kodlangan:

https://ru.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F

"URL" qisqartmasi GOST R 7.0.5-2008 bo'yicha elektron pochta manzilini belgilash uchun ishlatiladi. Internetdagi ma'lumotlarning aksariyati HTML formatida taqdim etiladi. HTML - Bu brauzerlar tomonidan talqin qilingan va foydalanuvchi o'qiydigan shaklda ko'rsatiladigan hujjatlar uchun standart belgilash tili.

HTML hujjatiga rasm qo'shish uchun IMG yorlig'idan foydalaning, src atributidagi rasmning URL-manzilini (inglizchadan) manba - manba). 

HTML bilan xavfsiz dasturlarni yozish

         HTML-dan interaktiv saytlarni yaratish uchun foydalanilganda, tajovuzkorlar saytning o'zi yoki sayt foydalanuvchilari yaxlitligini buzishi mumkin bo'lgan zaifliklarni keltirib chiqarmaslik uchun ehtiyot bo'lish kerak.

          Ushbu HTML dasturlarini ishlab chiqishdagi ba'zi bir keng tarqalgan tuzoqlarni tezkor tanishtirishga harakat qilinadi.

           Internetning xavfsizlik modeli "kelib chiqishi" tushunchasiga asoslanadi va shunga mos ravishda Internetdagi ko'plab potentsial hujumlar o'zaro faoliyatni o'z ichiga oladi. 

           Masalan: Foydalanuvchi tomonidan kiritilgan ma'lumot tasdiqlanmayapti

            Saytlararo skriptlar (XSS)

            SQL in'ektsiyasi

          Ishonchsiz kiritishni qabul qilishda, masalan, matn sharhlari, URL parametrlaridagi qiymatlar, uchinchi tomon saytlaridan xabarlar va boshqalar kabi foydalanuvchi tomonidan yaratilgan tarkib, ma'lumotlar ishlatishdan oldin tasdiqlanishi va ko'rsatilganda to'g'ri qochib ketishi shart. Buni amalga oshirmaslik dushman foydalanuvchiga turli xil hujumlarni amalga oshirishi mumkin, masalan, salbiy yosh kabi soxta foydalanuvchi ma'lumotlarini berish kabi jiddiy, masalan, foydalanuvchi har safar sahifaga qaraganida skriptlarni ishga tushirish. bu jarayonda hujumni potentsial ravishda tarqatib yuboradigan ma'lumotni o'z ichiga oladi, masalan, serverdagi barcha ma'lumotlarni o'chirish.

          Foydalanuvchi tomonidan kiritilgan ma'lumotni tasdiqlash uchun filtrlarni yozishda filtrlar doimo xavfsiz ro'yxatlarga asoslangan bo'lishi kerak, bu esa xavfsiz tuzilmalarga imkon beradi va boshqa barcha kirishga ruxsat bermaydi. Bloklar ro'yxatiga asoslangan, ma'lum bo'lgan yomon kirishga ruxsat bermaydigan va hamma narsaga imkon beradigan filtrlar xavfsiz emas, chunki yomon narsalar hali ham ma'lum emas (masalan, kelajakda ixtiro qilinishi mumkin).

Masalan, nima ko'rsatilishini aniqlash uchun sahifa o'z URL manzilining so'rovlar satrini ko'rib chiqdi, so'ngra sayt foydalanuvchini shu sahifaga xabarni ko'rsatish uchun yo'naltirdi, masalan:

< Ul > 

 < li > < a  href = "message.cgi? Sen = Salom" > Sen Salom </ a > 

 < li > < a  href = "message.cgi? Sen = Xush kelibsiz" > Sen xush kelibsiz </ a > 

 < li > < a  href = "message.cgi? Sen = mushukchalar" > Sen mushukchalar </ a > 

</ ul >

      Agar xabar foydalanuvchiga qochib ketmasdan ko'rsatilsa, dushman tajovuzkor skript elementini o'z ichiga olgan URLni yaratishi mumkin:

https://example.com/message.cgi?say=%3Cscript%3Ealert%28%27Oh%20no%21%27%29%3C/script%3E

        Agar tajovuzkor qurbon foydalanuvchini ushbu sahifaga kirishga ishontirsa, sahifada tajovuzkor tanlagan skript ishlaydi. Bunday skript har qanday dushmanlik harakatlarini amalga oshirishi mumkin, faqat sayt taqdim etadigan narsalar bilan chegaralanadi: masalan, sayt elektron tijorat do'koni bo'lsa, bunday skript foydalanuvchini bilmasdan o'zboshimchalik bilan ko'plab istalmagan xaridlarni amalga oshirishi mumkin.

Bunga saytlararo senariy hujumi deyiladi.

      Kodni bajarishda saytni aldashga urinish uchun ishlatilishi mumkin bo'lgan ko'plab tuzilmalar mavjud. Xususiy ro'yxatdagi filtrlarni yozishda mualliflar e'tiborga olinishi kerak bo'lgan ba'zi narsalar:

• Bu kabi zararli ko'rinmaydigan elementlarga ruxsat imgberishda, eng kam imtiyoz printsipidan foydalaning va elementning atributlarini faqat kerakli narsalar bilan cheklang (masalan, xavfsiz ro'yxat orqali). Agar kimdir barcha atributlarga ruxsat bergan bo'lsa, tajovuzkor, masalan, onloado'zboshimchalik bilan skriptni ishlatish uchun atributdan foydalanishi mumkin .
• URL-larni taqdim etishga ruxsat berilganda (masalan, havolalar uchun), har bir URL-ning sxemasi aniq xavfsiz ro'yxatga olinishi kerak, chunki ulardan foydalanish mumkin bo'lmagan ko'plab sxemalar mavjud. Eng ko'zga ko'ringan misol " javascript:", ammo foydalanuvchi agentlari boshqalarni amalga oshirishi mumkin (va haqiqatan ham tarixiy ravishda amalga oshirgan).
• Elementning basekiritilishiga ruxsat berish scriptsahifadagi nisbiy havolalarga ega bo'lgan har qanday elementlarni o'g'irlashi va shunga o'xshash har qanday forma yuborish dushman saytga yo'naltirilishini anglatadi.

Saytlararo so'rovlarni qalbakilashtirish (CSRF)

Agar sayt foydalanuvchiga foydalanuvchiga xos bo'lgan nojo'ya ta'sirlar bilan ariza yuborishga ruxsat bersa, masalan, foydalanuvchi nomi ostida forumga xabar yuborish, xaridlarni amalga oshirish yoki pasport olish uchun ariza berish, so'rovning foydalanuvchi qasddan emas, balki boshqa sayt tomonidan foydalanuvchini bilmasdan so'rov yuborish uchun aldashdan ko'ra.

Ushbu muammo mavjud, chunki HTML shakllari boshqa manbalarga yuborilishi mumkin.

Saytlar foydalanuvchiga xos yashirin belgilar bilan shakllarni to'ldirish yoki Originbarcha so'rovlardagi sarlavhalarni tekshirish orqali bunday hujumlarning oldini oladi .

Kliklarni tortib olish

Foydalanuvchilar bajarishni istamasligi mumkin bo'lgan harakatlarni amalga oshirish uchun foydalanuvchilarga interfeysni taqdim etadigan sahifa, foydalanuvchilarning aldab, interfeysni faollashtirishiga yo'l qo'ymaslik uchun tuzilishi kerak.

Foydalanuvchini aldashning usullaridan biri, agar dushmanona sayt qurbon bo'lgan saytni kichik joyga joylashtirsa iframeva keyin foydalanuvchini bosish uchun ishontirsa, masalan, foydalanuvchi reaktsiya o'yinini o'tkazishi kerak. Foydalanuvchi o'yin o'ynab bo'lgandan so'ng, dushman sayt iframefoydalanuvchi chertmoqchi bo'lgan paytda sichqoncha kursorini tezda joylashtirishi mumkin va shu bilan foydalanuvchini aldab, jabrlanuvchi saytining interfeysini bosadi.

Bunga yo'l qo'ymaslik uchun ramkalarda foydalanishni kutmagan saytlar faqat o'zlarining freymda emasligini aniqlasalar (masalan, Windowob'ektni topatribut qiymati bilan taqqoslash orqali) o'zlarining interfeyslarini yoqishlari tavsiya qilinadi .

                   HTML uslublari - CSS

       CSS qisqartirilgan uslub varaqlari degan ma'noni anglatadi.

CSS ko'p ishlarni tejaydi. U bir vaqtning o'zida bir nechta veb-sahifalarning joylashishini boshqarishi mumkin.

CSS = Uslublar va ranglar

Matnni manipulyatsiya qilish

Ranglar,  qutilar

                  CSS nima?

        Cascading Style Sheets (CSS) veb-sahifaning joylashishini formatlash uchun ishlatiladi.

CSS yordamida siz rangni, shriftni, matn hajmini, elementlar orasidagi masofani, elementlarning joylashuvi va joylashishini, qanday fon rasmlari yoki fon ranglarini ishlatilishini, turli xil qurilmalar uchun turli displeylarni va ekran o'lchamlarini va juda ham ko'p!

       Maslahat: so'z Cascading uslublar ham ota-ona ichidagi barcha bolalar elementlariga murojaat qiladi, bir ota-ona bo'lakka tatbiq anglatadi. Shunday qilib, agar siz asosiy matnning rangini "ko'k" ga qo'ysangiz, tanadagi barcha sarlavhalar, xatboshilar va boshqa matn elementlari ham bir xil rangga ega bo'ladi (agar siz boshqa narsani ko'rsatmasangiz)!

           CSS-dan foydalanish

CSS-ni HTML hujjatlariga 3 usulda qo'shish mumkin:

Inline - styleHTML elementlari ichidagi atribut yordamida

Ichki - bo'limdagi <style>element yordamida<head>

External - <link> tashqi CSS fayliga ulanish uchun element yordamida

CSS qo'shishning eng keng tarqalgan usuli bu tashqi CSS fayllaridagi uslublarni saqlashdir. Ammo, biz ushbu qo'llanmada ichki va ichki uslublardan foydalanamiz, chunki buni namoyish qilish osonroq va siz o'zingiz sinab ko'rishingiz osonroq.

             Ichki CSS

       Inline CSS yagona HTML elementiga noyob uslubni qo'llash uchun ishlatiladi.

Inline CSS styleHTML elementining atributidan foydalanadi .

Quyidagi misol <h1>elementning matn rangini ko'k rangga, elementning matni rangini <p>qizil rangga o'rnatadi :

Misol

<h1 style="color:blue;">A Blue Heading</h1>
<p style="color:red;">A red paragraph.</p>

O'zingiz sinab ko'ring »

                Ichki CSS

        Ichki CSS bitta HTML-sahifa uchun uslubni aniqlash uchun ishlatiladi.

Ichki CSS <head>HTML-sahifa qismida, <style>element ichida aniqlanadi .

Quyidagi misol BARCHA <h1>elementlarning matn rangini (o'sha sahifada) ko'k rangga, BARCHA <p>elementlarning matn rangini qizil rangga o'rnatadi . Bundan tashqari, sahifa "powderblue" fon rangi bilan namoyish etiladi: 

Misol

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

              Tashqi CSS

Tashqi uslublar jadvali ko'plab HTML-sahifalar uchun uslubni aniqlash uchun ishlatiladi.

Tashqi uslublar jadvalidan foydalanish uchun <head>har bir HTML-sahifaning bo'limiga havolani qo'shing :

Misol

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

O'zingiz sinab ko'ring »

      Tashqi uslublar jadvalini har qanday matn muharririda yozish mumkin. Faylda hech qanday HTML kod bo'lmasligi kerak va .css kengaytmasi bilan saqlanishi kerak.

"Styles.css" fayli nimaga o'xshash:

"styles.css":

body {
  background-color: powderblue;
}
h1 {
  color: blue;
}
p {
  color: red;
}

     Maslahat: Tashqi uslublar jadvalida bitta faylni o'zgartirib, butun veb-sayt ko'rinishini o'zgartirishingiz mumkin!

          CSS ranglari, shriftlari va o'lchamlari

       Bu erda biz tez-tez ishlatiladigan ba'zi bir CSS xususiyatlarini namoyish etamiz. Keyinchalik ular haqida ko'proq bilib olasiz.

CSS colorxususiyati foydalaniladigan matn rangini belgilaydi.

CSS font-familyxususiyati ishlatiladigan shriftni belgilaydi.

CSS font-size xususiyati foydalaniladigan matn hajmini belgilaydi.

Misol

CSS rang, shrift turkumi va shrift kattaligi xususiyatlaridan foydalanish:

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  color: blue;
  font-family: verdana;
  font-size: 300%;
}
p {
  color: red;
  font-family: courier;
  font-size: 160%;
}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

O'zingiz sinab ko'ring »

                      CSS chegarasi

CSS borderxususiyati HTML elementi chegarasini belgilaydi.

Maslahat: Siz deyarli barcha HTML elementlari uchun chegarani belgilashingiz mumkin.

Misol

CSS chegara xususiyatidan foydalanish: 

p {
  border: 2px solid powderblue;
}
O'zingiz sinab ko'ring »

             CSS to'ldirish

CSS paddingxususiyati matn va hoshiya orasidagi to'ldirishni (bo'shliqni) belgilaydi.

Misol

CSS chegarasi va to'ldirish xususiyatlaridan foydalanish:

p {
  border: 2px solid powderblue;
  padding: 30px;
}

O'zingiz sinab ko'ring »

                  CSS margin

CSS marginxususiyati chegaradan tashqaridagi chegarani (bo'shliqni) belgilaydi.

Misol

CSS chegarasi va chekka xususiyatlaridan foydalanish:

p {
  border: 2px solid powderblue;
  margin: 50px;
}

O'zingiz sinab ko'ring »

            Tashqi CSS-ga havola

Tashqi uslublar jadvallariga to'liq URL yoki joriy veb-sahifaga nisbatan yo'l bilan murojaat qilish mumkin.

Misol

Ushbu misol uslublar jadvaliga havola qilish uchun to'liq URL manzilidan foydalanadi:

<link rel="stylesheet" href="https://www.w3schools.com/html/styles.css">;

O'zingiz sinab ko'ring »

Misol

Ushbu misol joriy veb-saytdagi html papkasida joylashgan uslublar varag'iga havola: 

<link rel="stylesheet" href="/html/styles.css">

O'zingiz sinab ko'ring »

Misol

Ushbu misol joriy sahifa bilan bir xil papkada joylashgan uslublar jadvaliga havola:

<link rel="stylesheet" href="styles.css">

O'zingiz sinab ko'ring »

         Qisqacha mazmuni

styleIchki uslublar uchun HTML atributidan foydalaning

<style>Ichki CSS-ni aniqlash uchun HTML elementidan foydalaning

<link>Tashqi CSS-faylga murojaat qilish uchun HTML elementidan foydalaning

<head><style> va <link> elementlarini saqlash uchun HTML elementidan foydalaning

colorMatn ranglari uchun CSS xususiyatidan foydalaning

font-familyMatn shriftlari uchun CSS xususiyatidan foydalaning

font-sizeMatn o'lchamlari uchun CSS xususiyatidan foydalaning

borderChegaralar uchun CSS xususiyatidan foydalaning

paddingChegaradagi bo'sh joy uchun CSS xususiyatidan foydalaning

marginChegaradan tashqarida bo'sh joy uchun CSS xususiyatidan foydalaning

Maslahat: Siz CSS haqida ko'proq ma'lumotni bizning CSS qo'llanmasimizda bilib olishingiz mumkin .

HTML uslubidagi teglar

       1995 yilgacha: HTML ko'plab yangi teglar bilan kengaytirildi

1995 yil davomida har qanday yangi HTML teglar paydo bo'ldi. Ba'zilar, masalan, BODY elementining BGCOLOR atributi va hujjatning uslubiy jihatlarini boshqaradigan FONT FACE , o'zlarini akademik muhandislik hamjamiyatining qora kitoblarida topdilar. "Siz HTML-da bunday narsalarni qila olmasligingiz kerak", deyishdi ular. Matn rangi, fon tuzilishi, shrift kattaligi va shrift yuzi kabi narsalar, albatta, hujjat qanday tashkil etilishini belgilash bo'lganida, ular til doirasidan tashqarida ekanligiga ularning ishonchi shu edi.

         1995 yil mart: HTML 3 Internet-qoralama sifatida nashr etildi

Deyv Ragget bir muncha vaqt HTML uchun yangi g'oyalari ustida ishlagan va nihoyat ularni 1995 yil mart oyida Internet loyihasi sifatida nashr etilgan hujjatda rasmiylashtirgan. HTMLning barcha xususiyatlari yoritilgan. Tasvirlarni kiritish uchun FIG deb nomlangan yangi yorliq paydo bo'ldi, u Deyv IMG-ni almashtiradi deb umid qilgan , shuningdek, matematik va ilmiy hujjatlarni belgilash funktsiyalari. Deyv HTML jadvallari va yorliqlari, izohlari va shakllari bilan shug'ullangan. Shuningdek, u STYLE yorlig'i va CLASS atributini qo'shib, uslublar jadvallarini qo'llab-quvvatladi . Ikkinchisi mualliflarni HTML elementlariga uslublar berishga undash uchun har bir elementda mavjud bo'lishi kerak edi, bu sizning ish stoli nashrida bo'lgani kabi.

           HTML 3 loyihasi juda yaxshi qabul qilingan bo'lsa-da, uni IETF tomonidan tasdiqlash biroz qiyin kechdi. Loyiha juda katta va yangi takliflarga to'la ekanligiga ishonishgan. 150 betlik va har kim o'z fikrini bildirmoqchi bo'lgan qoralamada kelishuvga erishish nekbin edi - hech bo'lmaganda. Oxir oqibat Deyv va HTML hamjamiyatining ichki doiralari buni kun deb atashga qaror qilishdi.

           Albatta, brauzer mualliflari HTML 3-ni nazariy jihatdan qo'llab-quvvatlashni juda xohlashdi. Har bir brauzer yozuvchisi muqarrar ravishda HTML 3 funktsiyalarining turli xil to'plamini tanladi, chunki ular juda moyil edi va keyin g'urur bilan ushbu standartni qo'llab-quvvatladi. Bu chalkashlik aqlga sig'maydigan edi, ayniqsa, brauzerlar HTML 3 kengaytmalari bilan chiqib ketishdi , bu oddiy HTML uchun, albatta, allaqachon qo'llab-quvvatlanadigan HTML 3 degan ma'noni anglatadi . Rasmiy HTML 3 standarti bo'lganmi yoki yo'qmi? Haqiqat shundaki, u erda yo'q edi, ammo kompyuter matbuotini o'qish bilan siz bu farqni hech qachon bilmasligingiz mumkin edi.

             1995 yil mart: HTML jadvallari spetsifikatsiyasi 

Deyv Raggettning HTML 3 loyihasi HTML-dagi ma'lumotlarni jadvalli tashkil qilish bilan shug'ullangan. Tilning ushbu jihati bo'yicha tortishuvlar bir muncha vaqt davom etdi, ammo endi haqiqatan ham davom etish vaqti keldi. Massachusets shtatining Danvers shahrida bo'lib o'tgan IETFning 32-yig'ilishida Deyv jadvallar spetsifikatsiyasining bir qismi ustida qurollangan SGML birodarlar guruhini topdi, chunki u CALS stol modeliga zid edi. AQSh dengiz kuchlari kabi guruhlar murakkab hujjatlarda CALS jadval modelidan foydalanadilar. Uzoq muzokaralardan so'ng Deyv CALS stol delegatlarini joylashtirishga muvaffaq bo'ldi va loyihani ularning ehtiyojlariga mos ravishda o'zgartirdi. Dastlab HTML-da bo'lmagan HTML jadvallari nihoyat HTML 3 qoralamasidan HTML 3.2-da paydo bo'ldi. Ular ekrandagi rasmlar va matnlarni tartibga solish uchun sxemani taqdim etish maqsadida keng qo'llanilmoqda.

            1995 yil avgust: Microsoft Internet Explorer brauzeri chiqdi

Microsoft Corp Internet Explorer brauzerining 1.0-versiyasi e'lon qilindi. Bu brauzer oxir-oqibat Netscape brauzeri bilan raqobatlashishi va o'z HTML xususiyatlarini rivojlantirishi kerak edi. Ma'lum darajada, Microsoft o'z biznesini HTML xususiyatlarini kengaytirish orqali Internetda qurdi. ActiveX xususiyati Microsoft brauzerini noyob qildi va Netscape ActiveX bilan ishlash uchun Ncompass nomli plaginini ishlab chiqdi. Bitta brauzer HTML-ga kengaytmani faqat boshqalarni topish uchun qo'llab-quvvatlashga yordam beradigan boshqa odamlarni topish uchun eksperiment o'tkazadigan ushbu g'oya hozirgi kunga qadar davom etmoqda.

           1995 yil noyabr oyida Microsoft Internet Explorer 2.0 versiyasi Windows NT va Windows 95 operatsion tizimlari uchun keldi.

          1995 yil sentyabr: Netscape ramkalar uchun taklif yubordi

Bu vaqtga kelib, Netscape kadrlar uchun taklifni taqdim etdi, bu ekranni mustaqil, aylantiriladigan maydonlarga bo'lishini o'z ichiga oladi. Taklif Netscape-ning Navigator brauzerida amalga oshirildi, ammo hech kim unga izoh berishga ulgurmadi, ammo hech kim ajablanmadi.

         1995 yil noyabr: HTML ishchi guruhi muammolarga duch keldi

HTML ishchi guruhi nazariy jihatdan juda yaxshi g'oya edi, ammo amalda ishlar kutilganidek bo'lmadi. Internetning ulkan mashhurligi bilan HTML ishchi guruhi tobora kattalashib bordi va bog'liq elektron pochta xabarlari hajmi keskin oshdi. Yuz kishi uyni loyihalashtirishga harakat qilayotganini tasavvur qiling. "Men derazalar ikki oynali bo'lishini xohlayman", deydi ulardan biri. "Ha, lekin biz ularni hozircha kichraytirmasligimiz kerakmi?" - boshqasi savol beradi. Boshqalar esa: "Siz ramkalar uchun qanday material taklif qilasiz - men ularni plastmassada emasman, bu aniq"; "Menimcha, bizda derazalar yo'q, lekin janubiy balandlikdagi kichik, dumaloq port teshiklari mavjud ..." va boshqalar.

           Baribir, HTML ishchi guruhi hali ham brauzer sotuvchilari uchun o'z mavqeini yo'qotmoqda. Ushbu guruh HTML xususiyati bo'yicha kelishuvga erishishda shoshilmay harakat qilishdi va tijorat tashkilotlari munozaralarning natijalarini kutib, ob-havo haqida yoqimli suhbatlashib, choy ichish uchun deyarli o'tirishmadi ham.

         1995 yil noyabr: sotuvchilar birlashib, HTML standartini ishlab chiqishga bag'ishlangan yangi guruh tuzdilar

         1995 yil noyabr oyida Deyv Ragget brauzer kompaniyalarining vakillarini yig'di va HTMLni standartlashtirishga bag'ishlangan kichik guruh sifatida uchrashishni taklif qildi. Ishlaganida uning hayratini tasavvur qiling! Netskapdan Lou Montulli, Microsoft-dan Charli Kindel, Spyglass-dan Erik Sink, Sun Microsystems-dan Ueyn Gramlich, Deyv Raggett, W3 Konsortsiumidan Tim Berners-Li va Dan Konnoli va Patfinderdan Jonatan Xirshman Chikago yaqinida yig'ilishib, tezkor va samarali qarorlar qabul qildilar. HTML haqida.

          1995 yil noyabr: HTML hujjatlar uchun uslublar jadvallari shakllana boshladi

Butunjahon Internet tarmog'idagi konsortsiumdan Bert Bos, Xekon Lie, Deyv Ragget, Kris Lilli va boshqalar Parij yaqinidagi Versalda kaskadli uslublar varaqalarini joylashtirish masalasida uchrashishdi. Cascading Style Sheets nomi shundan dalolat beradiki, hujjatning so'nggi ko'rinishini olish uchun bir nechta uslublar varag'i o'zaro ta'sir qilishi mumkin. CSS guruhi maxsus tildan foydalanib, Microsoft Word va boshqa ish stoli nashriyot dasturlari paketlarida bo'lgani kabi, yaqinda hamma HTML uchun oddiy uslublarni yozish imkoniyatiga ega bo'lishini himoya qildi. DSSSL deb nomlangan LISP-ga o'xshash tilni afzal ko'rgan SGML kontingenti - hushtak chalish - Microsoft Internet Explorer brauzerida CSS-ni amalga oshirishni va'da qilganida poygadan tashqarida bo'lib tuyuldi.

           1995 yil noyabr: HTML Internet-loyihasini xalqarolashtirish

Gavin Nikol, Gavin Adams va boshqalar Internetni xalqarolashtirishga bag'ishlangan uzun maqolani taqdim etdilar. Ularning fikri, asosan, ishlatilgan belgilar to'plamidagi cheklovni olib tashlash orqali HTML 2 imkoniyatlarini kengaytirish edi. Bu shuni anglatadiki, HTML-dan alfavitlar va belgilar to'plamlarini, masalan, o'ngdan chapga o'qiydiganlarni o'z ichiga olgan Lotin-1 belgilar to'plamidan foydalanadigan tillardan tashqari, boshqa tillarni belgilash uchun foydalanish mumkin.

           1995 yil dekabr: HTML ishchi guruhi tarqatib yuborildi

IETF HTML ishchi guruhi tez rivojlanayotgan standartni engish uchun tezda birdamlikga kelishda qiyinchiliklarga duch kelganligi sababli, u oxir-oqibat demontaj qilindi.

          1996 yil fevral: HTML ERB shakllandi

1995 yil noyabr oyida bo'lib o'tgan uchrashuv muvaffaqiyatli o'tganidan so'ng, Butunjahon Internet tarmog'idagi konsortsium standartlashtirish jarayoniga yordam berish uchun HTML tahririyat ko'rib chiqish kengashini tuzdi. Ushbu kengash IBM, Microsoft, Netscape, Novell, Softquad va W3 konsortsiumi vakillaridan iborat bo'lib, o'z biznesini telefon konferentsiyasi va elektron pochta almashinuvi orqali amalga oshirdi, uch oyda bir marta yig'ilish o'tkazdi. Uning maqsadi HTML uchun hamkorlik qilish va umumiy standartni kelishib olish edi, shu bilan brauzerlarning har biri tilning turli xil to'plamlarini amalga oshirgan davrga nuqta qo'ydi. Mos kelmaslikning yomon perisi HTML podshohligidan abadiy quvib chiqarilishi kerak edi, yoki ehtimol bunga umid qilish mumkin edi.

         ERB yig'ilishiga tayyorgarlik jarayonida HTML-ning yangi jihatlarini tavsiflovchi spetsifikatsiyalar ERB a'zolari o'qishi uchun elektron tarzda taqdim etildi. So'ngra, yig'ilishning o'zida, advokat spetsifikatsiyaning ba'zi bir asoslarini tushuntirib berdi va keyin yig'ilganlarning hammasi yopiq g'oyalar asosli ekanligiga rozi bo'lishiga umid qildi. "Muayyan xususiyatni qo'shish kerakmi yoki biz uni chiqarib yuborishimiz kerakmi" kabi savollar ko'rib chiqiladi. Har bir vakil o'z nuqtai nazarini efirga uzatadi. Agar barchasi yaxshi bo'lsa, spetsifikatsiya oxir-oqibat kunduzgi yorug'likni ko'rishi va standartga aylanishi mumkin. Yozish paytida Cougar kodi bilan nomlangan navbatdagi HTML standarti bu yo'nalishda uzoq safarini boshladi.

        BLINK tegi HTML Erb yig'ilishda ag'darilgan edi. Microsoft MARQUEE- dan xalos bo'lishga rozilik bergan taqdirdagina Netscape uni bekor qiladi ; bitim tuzildi va ikkala teg ham g'oyib bo'ldi. Ushbu ikkala kengaytma har doim ham barcha tomonlar tomonidan biroz g'alati deb hisoblangan. OBJECT spetsifikatsiyasi to'g'risida ko'plab qat'iy qarorlar qabul qilinishi kerak edi . HTML hujjatlariga turli xil ma'lumotlarni kiritish bilan bog'liq bo'lgan bir nechta turli xil teglar - EMBED , APP , APPLET , DYNSRC va boshqalarning xaosidan bitta OBJECT yorlig'i 1996 yil aprel oyida tanlangan. Ushbu OBJECT yorlig'i HTML standarti, lekin 1997 yilgacha emas.

          1996 yil aprel: Ssenariy bo'yicha W3 konsortsiumining ishchi loyihasi chiqdi

Charlie Kindelning dastlabki qoralamasi va o'z navbatida, Netscape-ning JavaScript-ga kengaytmalaridan kelib chiqqan holda, Deyv Ragget tomonidan skript yozish bo'yicha W3C ishchi loyihasi yozilgan. Biron bir shaklda ushbu qoralama oxir-oqibat standart HTML-ning bir qismiga aylanishi kerak.

           1996 yil Iyul: Microsoft ochiq standartlar haqida tasavvurga ega bo'lgandan ko'ra ko'proq qiziqish uyg'otdi

         1996 yil aprel oyida Microsoft Internet Explorer dasturi Macintosh va Windows 3.1 tizimlarida mavjud bo'ldi.

          Tomas Reardon 1995 yilda Germaniyaning Darmshtadt shahrida bo'lib o'tgan ikkinchi WWW konferentsiyasida ham Internetni hayajonga solgan edi. Bir yil o'tgach, u standartlashtirish jarayoniga juda qiziqqan bo'lib tuyuldi va Microsoft-dan W3C va IETF. An'anaga ko'ra, ishlab chiquvchilar Microsoft-ni biroz yomon ko'rishmoqda, shuning uchun bu voqealar qiziqarli burilish bo'ldi. Aytish kerakki, Microsoft, xuddi Netscape singari o'z teglarini ixtiro qildi. Bular orasida akademik HTML hamjamiyati orasida katta shodlikka sabab bo'lgan ajoyib MARQUEE yorlig'i bor edi. MARQUEE siz tarkibiy belgisi-up kabi paragraflar, to'plamlar va varaqalari bilan bog'liq jiddiy tilida kutilgandek emas edi.

            Xususiy mahsulotlarning ommaviy ravishda kiritilishi Internetni o'ldiradi degan xavotir davom etmoqda. Netscape, sotuvchilar standartlar jarayonidan ilgarilab, yangilik kiritishi kerakligini tan oldi. Ularning ta'kidlashicha, agar foydalanuvchilar ma'lum bir Netscape innovatsiyasini yoqtirishsa, bozor uni amalda standartga aylantiradi. Bu o'sha paytda juda to'g'ri bo'lib tuyuldi va haqiqatan ham Netscape yana ushbu standart ustida yangilik yaratdi. Deyv Ragget va Butunjahon Internet tarmog'idagi konsortsiumi aynan mana shu voqealar ketma-ketligidan qochishga harakat qilgan.

           1996 yil dekabr: "Cougar" ustida ish boshlandi

HTML ERB HTML ishchi guruhiga aylandi va HTML-ning navbatdagi versiyasi - "Cougar" da ish boshladi, 1997 yil bahor oyi oxirlarida HTML 4 ga aylandi va nogironlar uchun har xil yangiliklar va xalqaro tillarni qo'llab-quvvatladi. shuningdek, uslublar jadvalini qo'llab-quvvatlash, formalarga kengaytmalar, skriptlar va boshqa ko'p narsalarni taqdim etish bilan bir qatorda, HTML 4 avvalgi yillardagi HTML soddaligi va jozibasidan ajralib chiqadi!

         Deyv Raggett, HTML 4 spetsifikatsiyasining ham muallifi, Bostondagi o'z uyida klaviaturada kompozitsiya yozayotganda.

          1997 yil yanvar: HTML 3.2 tayyor

         Muvaffaqiyat! 1997 yil yanvar oyida W3 konsortsiumi HTML 3.2 ni HTML tarmoqlararo spetsifikatsiyasi sifatida rasmiy ravishda tasdiqladi. HTML 3.2 barcha a'zo tashkilotlarda, jumladan Netscape va Microsoft kabi yirik brauzerlar sotuvchilari tomonidan ko'rib chiqildi. Bu shuni anglatadiki, spetsifikatsiya hozirda barqaror bo'lib, ko'pchilik veb-pleerlar tomonidan ma'qullandi. Neytral forumni taqdim etish orqali W3 konsortsiumi HTMLning standart versiyasi bo'yicha kelishuvni muvaffaqiyatli qo'lga kiritdi. Darhaqiqat, katta xursandchilik bor edi. HTML 3.2 mavjud bo'lgan IETF HTML 2 standartini oldi va HTML + va HTML 3. dan xususiyatlarni birlashtirdi. HTML 3.2 jadvallar, dasturlar, rasmlar, obuna va yuqori yozuvlar atrofida matn oqimini o'z ichiga olgan.

         Nega HTML 3.2 HTML 3.2 deb nomlangan, deylik, HTML 3.1 yoki HTML 3.5 emas deb so'rashi mumkin. Versiya raqami HTML-ning boshqa jihatlari singari munozaraga ham ochiq. Versiya raqami ko'pincha qaror qilinadigan so'nggi tafsilotlardan biridir.

         Yangilandi

1998 yil bahor: Cougar endi HTML 4.0 sifatida to'liq amalga oshirildi va W3C tomonidan tavsiya etilgan tavsiyadir. Lekin asosiy brauzerlar HTML 4.0 ni amalga oshiradimi, ajablanasizmi? Kompyuter sanoatida odatdagidek oddiy javob yo'q. Shubhasiz narsalar shu tomonga qarab ketmoqda. Netscape yoki Microsofts brauzerlari ham uslublar jadvallarini belgilangan usulda to'liq amalga oshirmaydi, bu juda achinarli, ammo shubhasiz ular tuzatishlar kiritadilar. OBJECT ishida bir qator mulohazalar mavjud, ammo biz bu oxir-oqibat yanada izchil ravishda amalga oshiriladi deb umid qilamiz.