Internetda pul ishlashni boshlash uchun o'zingizning noyob va yuqori sifatli, ajoyib tarkibga ega veb-saytlaringizni yaratishingiz shart emas. To'liq tayyor veb-saytni yuklab olish, unga reklama joylashtirish va uni ko'rsatish uchun pul olish kifoya. Buning uchun hozir barcha sharoitlar mavjud: reklama beruvchilar bor, reklama beruvchilar va reklama platformalari (saytlari) uchun xizmatlar ko'rsatadigan kontekstli reklama tizimlari (Google Adsense, Yandex Direct, Begun va boshqalar) mavjud. Va tayyor saytlar mavjud. Siz qilishingiz kerak bo'lgan narsa - tayyor veb-sayt shablonini (dizayn va kontent) tanlash, uni arzon hostingga joylashtirish va saytga tashrif buyuruvchilarni jalb qilish. Taxminan 5-10% tashrif buyuruvchilar saytga joylashtirilgan reklama havolalarini "bosadi" va buning uchun siz daromad olasiz. Daromad miqdori kontekstli reklama tizimi va reklama beruvchi tomonidan har bir "klik" uchun tayinlangan narxga va saytingizdagi "kliklar" soniga bog'liq bo'ladi. Shuni ta'kidlash kerakki, kuniga $ 10 daromadni kuniga $ 0,5 daromad keltiradigan 20 ta saytni tezda yaratish va joylashtirish orqali olish mumkin. Yoki siz - $10 daromad darajasiga 1 veb-sayt yaratish va targ'ib qilish orqali. Ammo ikkinchi yo'l ko'p marta qiyinroq va uzoqroq. Bundan tashqari, agar kontekstli reklama tizimi sizning ba'zi harakatlaringizni noto'g'ri deb hisoblasa va saytni o'chirib qo'ysa, ikkinchi holatda siz barcha daromadlarni yo'qotasiz, birinchi holatda esa - daromadning faqat bir qismi.

Endi siz bepul xostingda saytlar bilan ishlaydigan va hatto eng kichik to'plangan summalarni to'laydigan bir nechta reklama xizmatlarini topishingiz mumkin. Masalan, www.tak.ru. Pul ishlash uchun faqat xizmatlarda ro'yxatdan o'tish, saytlaringizga reklama kodini joylashtirish va saytlaringizga tashrif buyuruvchilarni jalb qilish kerak. Va bu erda, dizayni va mazmuni samarali reklama qilish uchun diqqat bilan optimallashtirilgan tayyor veb-saytlar sizga ko'p vaqt va kuchingizni tejaydi. Lakonik dizayn bilan adashmang - bunday saytlar sekin kanallar orqali "chetda" foydalanuvchilar uchun tezroq yuklanadi. Bunday saytlarning bir nechta egalari bo'lishi mumkinligi bilan chalkashmang - sayt tarkibi doimiy ravishda qayta ishlanadi va optimallashtiriladi, qidiruv tizimlarida saytlarni indekslashni yaxshilash uchun yangi elementlar joriy etilmoqda.

Ushbu arxivda dastlabki versiyalari eng yuqori samaradorlikni ko'rsatgan saytlar mavjud. Indekslash samaradorligini oshirish va saytlarni "aks ettirish" ta'siridan qochish uchun sayt tarkibi va ba'zi grafiklar o'zgartirildi. Agar siz ushbu saytlardan birortasini manbangiz uchun asos sifatida ishlatsangiz, yuklab olish uchun sayt arxivini joylashtiring (saytingizga havolani joylashtirish orqali). Bu sizning saytingizni yanada ommalashtiradi.

Foydali maslahat. Hech qachon saytlaringizni Yandex, Google yoki Rambler qidiruv tizimlarida ro'yxatdan o'tkazmang. To'g'ridan-to'g'ri ro'yxatdan o'tish har doim katalog moderatorlari orasida qiziqish uyg'otadi. Har qanday qidiruv tizimida "Sayt e'lonlari" qidiruv qatorini kiriting. Topilgan havolalarni ko'rib chiqing va e'lonlarda saytlaringizga havolalarni joylashtiring. Qidiruv mexanizmlarining o'zlari sizning saytlaringizni ulardan foydalanib topib, ularni indekslaydi. Shu bilan birga, siz saytlarni kataloglarda ro'yxatdan o'tkazishingiz mumkin, ularning ro'yxati har bir arxivga biriktirilgan.

30-40 ta yaratilgan saytlar kuniga 500-1000 xostlarning jami trafigiga osongina erisha oladi. Sayt trafiki qidiruv tizimida indekslanganidan keyin taxminan 1-1,5 oy o'tgach (kataloglarda ro'yxatdan o'tgandan keyin 2-3,5 oy) o'sishni boshlaydi. Bepul xostingdagi saytga minimal trafik, agar u faqat 3-4 katalogda ro'yxatdan o'tgan bo'lsa, kuniga 10-20 xostni tashkil qiladi. Agar siz ozgina harakat qilsangiz, har bir sayt uchun kuniga 70-150 ta xost olishingiz mumkin. Bu juda etarli, chunki shu bilan birga, har bir jalb qilingan noyob mehmon uchun eng foydali harakat miqdori taqdim etiladi.

Bu erda siz qo'llab-quvvatlash saytlari sifatida ishlatiladigan haqiqiy veb-saytlarni bepul yuklab olishingiz mumkin. Vaqti-vaqti bilan butun arxiv modernizatsiya qilinadi: matn va HTML kodlarning bir qismi o'zgartiriladi va arxiv saytlari o'zgartiriladi. Bu indekslashni yaxshilash, tasdiqlangan yangi ishlanmalarni joriy etish, shuningdek, tarmoqdagi saytlarning "takrorlanishi" ni oldini olishga qaratilgan.

Bepul veb-sayt - juda mashhur mavzuda - "qishloq uylarini qurish" bo'yicha original tarkibga ega to'liq tayyor veb-sayt dizayni. Tartib DIV yordamida amalga oshiriladi,
Veb-saytni loyihalash uchun optimallashtirilgan grafik elementlar to'plami ishlatilgan, bu uning yuklanishini tezlashtiradi.
Sayt bitta asosiy sahifadan iborat (index.htm)
Tanlangan sayt mavzusi, sarlavhasi, teglari, kalit so'zlari, HTML kodi, matn bloklari va sharhlar mazmuni "tashviqot" uchun optimallashtirilgan va haqiqiy veb-sayt tanlangan hostingdan qat'i nazar, kuniga 100 dan ortiq noyob tashrif buyuruvchilarning trafikiga osonlik bilan erishadi.

Visual Basic dasturlash qo'llanmalari - Bu mavzu talabalar va VB dasturchilari, ayniqsa yangi boshlanuvchilar orasida juda mashhur.

Veb-saytni loyihalash uchun minimal grafik elementlardan foydalaniladi, bu esa uning yuklanishini tezlashtiradi. Va asosiy sahifa (index.htm), garchi u katta miqdordagi kodga ega bo'lsa-da, kichik jadvallarga bo'linadi, bu esa veb-saytni ekranda ko'rsatishni sezilarli darajada tezlashtiradi.
Tanlangan sayt mavzusi, sarlavha, teglar, kalit so'zlar, matn bloklari mazmuni va sharhlar "tashviqot" uchun optimallashtirilgan va osongina 100-150 hostingda veb-sahifalar trafigiga erishish imkonini beradi. Ammo shuni ta'kidlash kerakki, dasturlash mavzusida saytlarga trafikning "mavsumiy" bog'liqligi mavjud. Talabalar tomonidan kurs ishlarini tayyorlash va topshirish mavsumida eng yuqori davomat kuz va qishda kuzatiladi. Yozda va Yangi yil bayramlarida sayt trafigini 30-40% ga kamaytirishi mumkin.

Asl kontent bilan to'liq tayyor veb-sayt dizayni - "Yangi boshlanuvchilar uchun onlayn veb-dizayn o'quv qo'llanma."
Veb-sayt dizaynida ishlatiladigan barcha grafik elementlar kichik o'lchamlarga ega. Va asosiy sahifa (index.htm), garchi u katta miqdordagi kodga ega bo'lsa-da, bir nechta kichik jadvallarga bo'linadi, bu esa "rasm" ni saytga tashrif buyuruvchi ekranga yuklash vaqtini sezilarli darajada kamaytiradi.

Tanlangan sayt mavzusi, sarlavha, teglar, kalit so'zlar, matn bloklari va sharhlar mazmuni, hatto bepul xostingda ham kuniga 200-300 noyob tashrif buyuruvchi veb-sahifalar trafigiga erishishni nisbatan osonlashtiradi.

Asl tarkibga ega to'liq tayyor veb-sayt dizayni - "Bepul veb-sayt shablonlari".
Veb-sayt dizaynida ishlatiladigan barcha grafik elementlar kichik o'lchamlarga ega. Saytning asosiy sahifasi (index.htm), garchi u katta miqdordagi kodga ega bo'lsa-da, bir nechta kichik jadvallarga bo'lingan, bu esa "rasm" ni saytga tashrif buyuruvchi ekranga yuklash vaqtini sezilarli darajada kamaytiradi.

Tanlangan sayt mavzusi, sarlavhasi, teglari, kalit so'zlari, matn bloklari mazmuni va sharhlar diqqat bilan optimallashtirilgan va sizga kuniga 100-300 noyob tashrif buyuruvchi veb-sahifa trafigiga erishish imkonini beradi, hatto bepul xostingda ham. "Bepul veb-sayt shablonlari" yoki "bepul veb-saytlar" mavzusi reklama qilishning eng oson va mavsumiy barqaror mavzularidan biridir. Trafikning biroz pasayishi yoz oylarida, Internetga tashriflarning umumiy soni kamayib ketganda sodir bo'ladi.

Saytga tashrif buyuruvchilarni jalb qilishning samarali usullaridan biri (reklama) saytni kataloglarda ro'yxatdan o'tkazishdir. Men bir vaqtning o'zida o'nlab (va hatto yuzlab) kataloglarda saytlarni avtomatik ro'yxatdan o'tkazish uchun mavjud bepul xizmatlarga qo'shilmaslikni tavsiya qilaman. Bunday avto-ro'yxatga olishning samaradorligi juda kam. Rag'batlantirishda yaxshi natijalarga erishish uchun hamma narsani o'zingiz, qo'lda qiling. Saytni kataloglarda ro'yxatdan o'tkazish aniq va aniq bo'lmagan bilimlarni talab qiladi, ularning ba'zilari bu erda nashr etiladi.
Kataloglarda ro'yxatdan o'tish bilan bog'liq ko'plab nozikliklar mavjud. Agar siz searchengines.ru saytiga qarasangiz, qo'shiladigan kataloglarning katta ro'yxatini topishingiz mumkin. Bundan tashqari, "oq" deb ro'yxatga olinganlarning ko'pchiligi hali ham qaytish havolasini talab qiladi. Qizig'i shundaki, bunday ma'lumotlar bazasini yuklab olib, veb-saytingizni 50-70 katalogga qo'shganingizdan so'ng, ikki oydan keyin kuniga 10 kishi o'rniga atigi 20 kishi tashrif buyura boshlaganini ko'rib hayron bo'lishingiz mumkin. Nega? Misol uchun, siz katalogga qayta havolalar qo'yganingiz uchun, lekin sizning saytingiz katalogga qo'shilmagan. Yoki ular qo'shdilar, lekin katalogdagi saytingizga havolalar to'g'ridan-to'g'ri emas. Yoki katalog Google yoki Yandex tomonidan umuman indekslanmagan. Buni qanday aniqlash mumkin? Katalogga, istalgan bo'limga o'ting va istalgan saytni tanlang. Uning manzilini www.sayt.ru formatida Google yoki Yandex-ning ILG'IYOR qidiruv satriga nusxa ko'chiring.
Google uchun - http://www.google.ru/advanced_search?hl=ru - "Domen" maydoniga tegishli katalog manzilini va "aniq ibora bilan" maydoniga tanlangan sayt manzilini kiriting ( www.site.ru). Qidiruvni boshlang. Agar Google biror narsa topsa, taklif qilingan katalogga kiritilgan saytlar indekslanadi va siz o'z saytingizni ro'yxatdan o'tkazishingiz mumkin. Xuddi shunday Yandex uchun - kengaytirilgan qidiruv - http://www.yandex.ru/advanced.html "Saytda joylashgan" maydonida - katalog manzili. "Sahifaga o'xshash" maydonida - manzil www.sayt.ru Va saytingizga kirishni kuzatib boring. Google va Yandex-da ko'rsatilgan usul yordamida uni qidiring. Va agar siz hech narsa topmasangiz, orqaga havolalarni o'chirib tashlang - bu faqat reklama uchun foydali bo'ladi va katalogni shaxsiy xakerlar ro'yxatiga qo'shing.

Ommaviy ta'til va bayramlar davrlari veb-sayt trafigiga va shunga mos ravishda sizning daromadingizga jiddiy ta'sir ko'rsatadi. Ikki davrni ajratish mumkin - "qishki ta'til" (taxminan 15 dekabrdan 1 fevralgacha) va "yozgi ta'til" (maydan sentyabrgacha). Ushbu davrlarda saytga tashrif buyurishning umumiy soni 2-2,5 barobar kamayadi.
Ushbu davrlarda siz o'z saytlaringizni kataloglarda, xabarlar taxtalarida va hokazolarda ro'yxatdan o'tkazish jarayoniga yanada tabaqalashtirilgan yondashuvni qo'llashingiz kerak. Katalog ma'murlari va moderatorlari ham ta'tilda, shuning uchun ro'yxatdan o'tish shakllariga kiritilgan saytlaringiz 1 oydan 3 oygacha e'tiborsiz qolishi mumkin. Bu vaqt ichida tekshirish uchun saytlar navbatda yuzdan ortiq arizalar to'planadi. Va yaxshi dam olgan administrator ularni tushunish uchun umuman shart emas. Faqat yaqinda kiritilgan qo'shimchalar ko'rib chiqilishi va to'planganlari e'tiborga olinmasligi mumkin.
Shuning uchun, bunday sokin davrlarda saytlaringizni faqat administrator tekshiruvi talab qilinmaydigan manbalarda - ko'pchilik mehmonlar kitoblari, xabarlar taxtasi, bloglar, ba'zi forumlarda ro'yxatdan o'tkazish mantiqan. Ularga havolalaringizni qo'shib, blogda, mehmonlar kitobida yoki forumda sifatli ko'rib chiqishga dangasa bo'lmang. O'zingizga qilishni xohlamagan narsani boshqalarga ham qilmang.

Tayyor veb-sayt - original tarkibga ega to'liq tayyor sayt - "Komikslar".
Butun sayt juda ixcham hajmga ega, bu hatto sekin kanallarda ham tez yuklashni ta'minlaydi.

Eng samarali indekslashni ta'minlash uchun quyidagi usullardan foydalaning: har doim sayt sarlavhasini juda katta shrift o'lchamida yozing - 28-32 pt gacha. Veb-sayt matniga teglarni qo'shganingizga ishonch hosil qiling

, Va . Ulardagi matnda saytingizning kalit so'zlari bo'lishi kerak.
Sayt uchun juda ko'p kalit so'zlarni belgilang - 4 dan 6 gacha. Ularni matnda teglar bilan ajratib ko'rsatishga harakat qiling . Ularning matnning qolgan qismidan juda ko'p ajralib turishiga yo'l qo'ymaslik uchun kichik shrift hajmini o'rnating, masalan, shrift o'lchami: 9pt.

05.06.2008 dan tayyor veb-sayt dizayni versiyasi - "Uskunalarni ko'rib chiqish - video, fotosuratlar, telefonlar, kompyuterlar" - butunlay yangi tasvirlangan tarkibga ega mutlaqo yangi dizayn.
Sayt kontekstli reklamani ko'rsatish uchun juda qulay (masalan, Yandex Direct. Sayt mavzusi sizga elektron jihozlar va tegishli do'konlar va kompaniyalarni sotish bo'yicha e'lonlarni ko'rsatish imkonini beradi. Bunday reklama yaxshi dividendlar keltiradi.
Sayt qidiruv tizimlarida samarali indeksatsiya qilish uchun ehtiyotkorlik bilan optimallashtirilgan. Ba'zi foydali maslahatlar Description.txt da keltirilgan.. Batafsil ma'lumotni reklama qo'llanmasidan (manzil ko'rsatilgan) olish mumkin.

Pulli hostingni qanday tanlash mumkin

Agar siz yirik shaharda yashasangiz va mahalliy xosting saytlari mavjud bo'lsa, avval ularni ko'rib chiqing. Agar siz PHP skriptlari va MySQL ma'lumotlar bazasidan foydalangan holda murakkab veb-saytni rejalashtirmoqchi bo'lsangiz, ehtimol siz texnik yordam bilan bog'lanishingiz, saytning funksionalligini ta'minlash masalalarini hal qilishingiz kerak bo'ladi. Agar saytga trafik kam bo'lsa, siz elektron pochta orqali bog'lanishingiz mumkin. Ammo kuniga 2-3 ming noyob tashrif buyuruvchilar soni va reklamadan kuniga 20-30 AQSh dollari miqdoridagi daromadlar bilan texnik yordamni telefon orqali hal qilish kerak. Va bu erda shaharlararo qo'ng'iroqlar juda qimmat bo'lishi mumkin.
Agar sizning shahringizda hosting bo'lmasa, yirik shaharlarni tanlang (Moskva, Sankt-Peterburg). Ularda allaqachon jiddiy darajadagi xizmat ko'rsatadigan yirik kompaniyalar mavjud. Saytlar allaqachon ko'plab saytlarga ega va shuning uchun taqdim etiladigan xizmatlar qimmat bo'lmaydi. Shunga qaramay, bunday kompaniyalar orqali domen nomini .COM va .WS domenlarida va hokazolarda ro'yxatdan o'tkazish ancha osonlashadi.
Saytga qaror qilganingizda, siz tarif rejasini tanlashingiz kerak bo'ladi. Domeningiz uchun subdomenlarni yaratish imkonini beruvchi tarif rejasini tanlang. Masalan, sizning veb-saytingiz http://www.yandex.ru Keyin siz 3-darajali domenlardan foydalanishingiz mumkin, masalan, http://kyrsovik.yandex.ru/, http://volume.yandex.ru/, http:/ /language.yandex.ru/ va boshqalar. Bu muhim. Siz 3-darajali domenlarda veb-saytlar yaratishingiz va ularni mustaqil manbalar sifatida kataloglarda ro'yxatdan o'tkazishingiz mumkin bo'ladi! Bular. xuddi shu katalogda siz o'z saytingizni ikkinchi darajali domenda (faqat bir marta) va 3-darajali domenlarda ko'plab saytlarni ro'yxatdan o'tkazishingiz mumkin.
Tanlangan tarif rejasi uchun qancha server disk maydoni mavjudligiga e'tibor bering. Agar biror narsa 100 MB atrofida bo'lsa, yana bir yoki ikkita ikkinchi darajali domen nomlarini ro'yxatdan o'tkazishingiz va ularni diskdagi bir xil joyga "bog'lashingiz" mumkinligini tekshiring. Bir marta uchta sayt uchun hosting uchun to'lash juda qulay. Bundan tashqari, ushbu saytlarning har biri alohida ro'yxatga olinishi mumkin bo'lgan subdomenlarga ega bo'lishi mumkin. Siz saytlardan bir-biringizga havolalar to'plamini olasiz.

2013 yil 26 sentyabr

HTML5 zamonaviy brauzerlar tomonidan qo'llab-quvvatlana boshlaganida, u deyarli barcha zamonaviy veb-saytlarda qo'llanila boshlandi. HTML5 CCS3 bilan birgalikda ajoyib, funktsional va foydalanuvchilarga qulay veb-saytlarni yaratish uchun ulkan imkoniyatlarni taqdim etadi.

Ushbu to'plamda men HTML5 va CSS3-da yaratilgan eng yuqori sifatli javob beruvchi veb-sayt shablonlarini to'plashga harakat qildim. Ular bepul bo'lsa ham, siz ushbu shablonlarning aksariyati premium shablonlarga o'xshashligini ko'rishingiz mumkin.

5. SquadFree – Bepul Bootstrap HTML5 Andoza

Squad Free - javob beruvchi yuklash uchun shablon

6. Pluton – Bepul Bootstrap HTML5 One Page Andoza

Pluton - bepul bootstrap HTML5 bitta sahifali shablon

9. E-Shopper - onlayn do'kon uchun bepul shablon

E-Shopper - onlayn do'kon uchun bepul shablon

10. AdminLTE - administrator boshqaruv paneli shabloni

AdminLTE - boshqaruv paneli shabloni

11. Magnit - fotograf veb-sayti uchun bepul shablon

Magnit - fotograf veb-sayti uchun bepul shablon

12. Mabur - javob beruvchi portfel shabloni

Mabur - sezgir portfel shabloni

13. Moderna - Bootstrap-da javob beruvchi veb-sayt shabloni

Moderna - Bootstrap-da sezgir veb-sayt shablonlari

14. Sport Mana - minimalistik veb-sayt shabloni

Bu yerda sport - minimalistik veb-sayt shabloni

15. Crafty - sezgir korporativ veb-sayt shabloni

Crafty - sezgir korporativ veb-sayt shabloni

16. Infuzion - Bir sahifali portfolio shabloni

Infuzion - Bir sahifali portfel shabloni

17. Yebo – tekis uslubdagi HTML/CSS veb-sayt shabloni

Yebo - tekis uslubdagi HTML/CSS veb-sayt shabloni

18. Twenty - parallaks effektli HTML5 shablon

Yigirma - parallaks effektli HTML5 shablon

19. Urbanic - Bootstrap shabloni

Urbanic - Bootstrap shabloni

20. Sokin - Portfolio shabloni

Sokin - Portfolio shabloni

21. Mamba - bir sahifali shablon

Mamba - bir sahifali shablon

23. Brushed - bir sahifali javob beruvchi veb-sayt shabloni

Brushed - bir sahifali javob beruvchi veb-sayt shabloni

24. Katta rasm - HTML5 veb-sayt shabloni

Katta rasm - HTML5 veb-sayt shabloni

25. Tesselatte - bepul javob beruvchi veb-sayt shabloni

Tesselatte - bepul javob beruvchi veb-sayt shabloni

26. Overflow - javob beruvchi HTML5 veb-sayt shabloni

Overflow - sezgir HTML5 veb-sayt shabloni

27. Runkeeper - mobil ilova veb-sayti shabloni

Runkeeper - mobil ilova veb-sayti shabloni

28. Pinball - javob beruvchi blog shabloni

Pinball - javob beruvchi blog shabloni

29. Bak One - bir sahifali javob beruvchi veb-sayt shabloni

Bak One - bir sahifali javob beruvchi veb-sayt shabloni

30. Andia - bepul veb-sayt shabloni

Andia - bepul veb-sayt shabloni

31. Mahsulot - bittada 4 ta HTML shablonlari

Mahsulot - bittada 4 ta HTML shablonlari

33. Studio Francesca - sezgir veb-sayt shabloni

Studio Francesca - sezgir veb-sayt shabloni

34. Prolog - HTML5 veb-sayt shabloni

Tarjimasi: Vlad Merzhevich

Nima uchun HTML5 2022-yilda emas, balki bugun mavjud ekanligini muhokama qilmasdan, ushbu maqola sizga hozirda loyihalaringizda foydalanishingiz mumkin bo'lgan HTML5 shablonlari to'plamini beradi.

HTML5 5 soniya ichida

HTML5 sifatida belgilangan belgini olish oson - DOCTYPE ni mavjudidan bunga o'zgartirish kifoya:

Ana xolos! Boshqa hech narsa talab qilinmaydi.

Google buni allaqachon qilgan. Uning bosh sahifasiga qarang, u erda hamma narsa bir qatorda yozilgan:

HTML5 - Google Qidiruv...

Qizig'i shundaki, Google sahifasining o'zi va qidiruv natijalari tekshiruvdan o'tmaydi, chunki unda bir qator xatolar mavjud, ammo bu normal holat. To'g'ri DOCTYPE tufayli ular hali ham foyda ko'radi (masalan, elementda tip atributi yo'q).

HTML5 kichiklashtirish

Agar sizga uzoq kod yozishni talab qilmaydigan tezkor prototiplar yoki tajribalar yoqsa, siz ushbu miniatyura HTML5 hujjatiga qiziqishingiz mumkin:

Kichik HTML5

Salom Dunyo

ni olib tashlashda ushbu shablonni tekshirish bo'yicha ba'zi tortishuvlar mavjud edi. Xiksining DOM brauzeri belgilashni qo'lda kiritishda hamma narsa yaxshi ekanligini aytadi va W3C validator ham shunday qiladi. Ammo Anri Sivonenning validatori xato haqida xabar beradi. W3C validator shuningdek URL manzilini ko'rsatganingizda xato haqida xabar beradi. Umid qilamanki, bu tez orada hal qilinadi.

Eslatma qator Biz buni aniqladik. Endi kerakli element.

HTML5 to'liq va mos keladi

Oxirgi, eng to'liq naqsh matn kodlashni ham belgilaydi. Busiz, ba'zi belgilar to'g'ri ko'rsatilmaydi (men sababini tushunishga juda ko'p vaqt sarfladim!).

Va nihoyat, yangi blok elementlari to'g'ri ko'rsatilishini ta'minlash uchun ba'zi CSS qoidalarini qo'shamiz, chunki ba'zi brauzerlar dastlab ular haqida bilishmaydi.

Mana - haqiqiy va to'liq HTML5 hujjat shabloni.

HTML5 maqolasi, chetga, tafsilotlar, rasm sarlavhasi, rasm, altbilgi, sarlavha, hgroup, menyu, nav, bo'lim (displey: blok; )

Salom Dunyo

Agar siz HTML5 bilan tajriba oʻtkazmoqchi boʻlsangiz, JS Bin oʻynash uchun standart HTML5 shablonini taqdim etadi.

Zamonaviy dunyoda, ba'zan o'z veb-saytingizga ega bo'lish, masalan, telefon raqami yoki elektron pochta manziliga ega bo'lish kabi muhimdir. Afsuski, har kim ham o'z-o'zidan chiroyli professional veb-sayt yarata olmaydi va ba'zida u hatto ishlamaydi. Dasturchilardan buyurtma berish ham ideal echim emas, chunki hamma ham bunga qodir emas.

Bepul HTML veb-sayt shablonlari bu vaziyatdan chiqishingizga yordam beradi. HTML veb-sayt shabloni - bu ma'lum bir mavzudagi veb-sayt uchun tayyor statik sahifalar to'plami. Ushbu shablondan foydalanib, siz HTML belgilash bo'yicha asosiy bilimga ega bo'lsangiz, bir necha soat ichida oddiy veb-sayt yaratishingiz mumkin. HTML bo'limida, agar siz yana bir necha soat o'rganishga vaqt ajratsangiz va CSS bo'limini o'rganishga vaqt ajratsangiz, HTML veb-sayt shablonlari dizaynini to'liq nazorat qila olasiz va ularni to'liq moslashtirishingiz mumkin bo'ladi. sizning ehtiyojlaringiz.

Veb-sayt shablonlarining yana bir shubhasiz afzalligi shundaki, aksariyat hollarda ular professionallar tomonidan yozilgan. Professional veb-sayt shabloni nafaqat chiroyli va zamonaviy dizaynni, balki kodni yozish usulini ham anglatadi. Qidiruv mexanizmlari veb-saytingiz qanday yozilganiga, kod SEO optimallashtirilganmi yoki yo'qligiga qaraydi va shu asosda qidiruv natijalaridagi mavqeingizni pasaytiradi yoki oshiradi. Shuning uchun yaxshi veb-sayt nafaqat chiroyli va zamonaviy bo'lishi kerak, bu muhim, balki kod jihatidan ham to'g'ri yozilgan.

Bepul HTML veb-sayt shablonlarini yuklab oling va qisqa vaqt ichida loyihalaringizni yarating.

Agar siz shablonni noldan yaratayotgan bo'lsangiz, unda siz biror narsadan boshlashingiz kerak. HTML5 standarti "mamlakat bo'ylab keng tarqalgan"ligini hisobga olsak, ushbu maqolada men bo'sh HTML5 shabloniga misol keltiraman.

Yangi standart juda soddalashtirildi va endi asosiy qism quyidagicha ko'rinadi:

...

Yangi HTML5 teglari

HTML5 da kod tuzilmasi uchun bir nechta yangi teglar kiritildi: , , , , , ba'zi hollarda odatiy ning o'rnini bosadi. Bu qidiruv robotlari uchun qilingan, shunda ular sahifa kodini yaxshiroq taniy oladilar va asosiy tarkibni yordamchi elementlardan ajrata oladilar.

Yangi teglar yordamida bo'sh HTML5 shablonlari quyidagicha ko'rinishi mumkin:

Sahifa sarlavhasi Navigatsiya menyusi Yon panel Yon paneli Kontent - sahifaning asosiy mazmuni. Sayt altbilgisi

DOCTYPE yozishni soddalashtirish

Oldin qanday bo'lganini eslaylik, HTML4 da DOCTYPE yorlig'i quyidagicha ko'rinardi:

Endi yozib olish minimal, ehtimol bu oddiyroq bo'lishi mumkin emas:

Shunga o'xshash soddalashtirishlar boshqa teglar bilan sodir bo'lgan, shuning uchun HTML5 standartiga o'tish yozishni sezilarli darajada osonlashtiradi.

HTML5 da ixtiyoriy teglar

Yangi standart maket dizaynerlariga katta yengillik keltirdi. Xususan, HTML5 belgilash uchun HTML, HEAD va BODY elementlaridan foydalanish endi talab qilinmaydi. Agar ular mavjud bo'lmasa, brauzer hali ham mavjud deb hisoblaydi. Aslida, HTML5 da talab qilinadigan yagona narsa .

Rus tilini HTML hujjatining asosiy tili sifatida talqin qilish

Teg hujjat tilini belgilaydi. Muntazam ravishda Internetda uning to'g'ri yozilishi, xususan, "ru-RU" ning to'g'ri yozilishi haqida munozaralar paydo bo'ladi. Men "-RU" ning ortiqcha ekanligiga ishonishga moyilman, chunki rus tilida ingliz (Britaniya va Amerika) kabi dialekt va imlolar mavjud emas. RU qo'shimchasi rus tilida qayerda gaplashishini bildiradi. Ya'ni, agar en-US "AQShda so'zlashadigan ingliz tili" degan ma'noni anglatsa, ru-RU "Rossiyada so'zlashadigan ruscha" degan ma'noni anglatadi, bu ortiqcha.

Biroq, agar siz "ru-RU" opsiyasidan foydalanishni davom ettirsangiz, hech qanday yomon narsa bo'lmaydi.