O'z sahifangizda dizayn bo'limlarini yaratish
Sarlavhalar matnni tashkil qilish, foydali bo'linmalar yaratish va veb-sahifangizni optimallashtiradi. HTML nomidagi teglar yordamida sarlavhalarni osongina yaratishingiz mumkin. Matningizning ko'rinishini qalin va kursiv belgilar bilan ham o'zgartirishingiz mumkin.
Sarlavhalar
Sarlavha teglari - hujjatni bo'lishning eng oddiy usuli. Agar siz saytingizni gazeta deb hisoblasangiz, unda gazetadagi sarlavhalar sarlavhalar. Asosiy sarlavha h1 va keyingi satrlar h2 dan h6 ga teng.
HTML yaratish uchun quyidagi kodlardan foydalaning.
5 6-sarlavha. Eslab qolish uchun maslahatlar
- Mavzularingizni mantiqiy tartibda saqlashga harakat qiling, h1 h3 dan oldin keladi, h3 dan oldin keladi va hokazo.
- Sarlavhalar qanday ko'rinish haqida juda ko'p tashvishlanmang - sarlavhani sarlavhani ishlatishdan ko'ra, CSS-dan uslublar sarlavhalarini ishlatishingiz kerak.
- Sarlavha teglari blok darajadagi elementlar bo'lib , ular siz uchun layn arizalarini kiritadi. P teglarini sarlavhasi tagida joylashtirmang.
Qalin va kursiv
5 6-sarlavha. Eslab qolish uchun maslahatlar
- Mavzularingizni mantiqiy tartibda saqlashga harakat qiling, h1 h3 dan oldin keladi, h3 dan oldin keladi va hokazo.
- Sarlavhalar qanday ko'rinish haqida juda ko'p tashvishlanmang - sarlavhani sarlavhani ishlatishdan ko'ra, CSS-dan uslublar sarlavhalarini ishlatishingiz kerak.
- Sarlavha teglari blok darajadagi elementlar bo'lib , ular siz uchun layn arizalarini kiritadi. P teglarini sarlavhasi tagida joylashtirmang.
Qalin va kursiv
5 6-sarlavha. Eslab qolish uchun maslahatlar
- Mavzularingizni mantiqiy tartibda saqlashga harakat qiling, h1 h3 dan oldin keladi, h3 dan oldin keladi va hokazo.
- Sarlavhalar qanday ko'rinish haqida juda ko'p tashvishlanmang - sarlavhani sarlavhani ishlatishdan ko'ra, CSS-dan uslublar sarlavhalarini ishlatishingiz kerak.
- Sarlavha teglari blok darajadagi elementlar bo'lib , ular siz uchun layn arizalarini kiritadi. P teglarini sarlavhasi tagida joylashtirmang.
Qalin va kursiv
Eslab qolish uchun maslahatlar
- Mavzularingizni mantiqiy tartibda saqlashga harakat qiling, h1 h3 dan oldin keladi, h3 dan oldin keladi va hokazo.
- Sarlavhalar qanday ko'rinish haqida juda ko'p tashvishlanmang - sarlavhani sarlavhani ishlatishdan ko'ra, CSS-dan uslublar sarlavhalarini ishlatishingiz kerak.
- Sarlavha teglari blok darajadagi elementlar bo'lib , ular siz uchun layn arizalarini kiritadi. P teglarini sarlavhasi tagida joylashtirmang.
Qalin va kursiv
Qalin va kursiv uchun ishlatiladigan to'rtta teg bor:
- va qalin uchun
-
uchun va
Foydalanadiganingizning ahamiyati yo'q. Ba'zilar va ni tanlashadi, lekin ko'pchilik odamlar "qalin" va kursivni eslashni osonlashtiradi.
Matn qalin yoki kursiv bo'lishi uchun matnni ochish va yopish teglar bilan to'ldiring :
qalin kursivSiz bu teglarni joylashtirishingiz mumkin (bu sizning qalin va kursiv matnni yaratishingiz mumkin degan ma'noni anglatadi) va tashqi va ichki yorliqning qaysi jihati ahamiyatsiz.
Masalan:
Ushbu matn qalin
Ushbu matn qalinUshbu yozuv kursivdir
Ushbu yozuv kursivdirUshbu matn qalin va kursivdir
Ushbu yozuv qalin va kursivdirNima uchun ikkita yassi va kursiv tovarlari mavjud
HTML4-da, va teglari faqat matnning ko'rinishiga ta'sir qilgan va teglar mazmuni haqida hech narsa deyilmagan va ularni ishlatish uchun yomon shakl deb hisoblangan uslublar teglari sifatida baholandi. Keyin, HTML5 bilan ularga matn ko'rinishidan tashqari semantik ma'no berildi.
HTML5 da bu teglar o'ziga xos ma'noga ega:
- atrofdagi matndan ko'ra ahamiyatli bo'lmagan matnni bildiradi, lekin odatiy tipografik taqdimot hujjatning sarlavhalari yoki tadqiqotlardagi mahsulot nomlari kabi kalit so'zlardir.
- atrofdagi matndan ko'ra muhim bo'lmagan matnni bildiradi, lekin odatda tipografik taqdimot - kitobning nomi, texnik atama yoki boshqa tilda ifodalangan kursiv matn.
- , atrofdagi matnga nisbatan juda muhim ahamiyatga ega bo'lgan matnni bildiradi.
- atrofdagi matnga nisbatan stressni kuchaytiradigan matnni bildiradi.