21. DOCTYPE nima?#
Savol#
<!DOCTYPE html> nima?
Javob#
Browserga hujjat HTML5 ekanligini bildiradi.
<!DOCTYPE html>
<html lang="en">
Agar yozilmasa browser Quirks Mode ga o'tishi mumkin.
22. Quirks Mode nima?#
Savol#
Quirks Mode nima?
Javob#
Eski browserlar bilan moslashish rejimi.
Bu rejimda layout noto'g'ri ishlashi mumkin.
Professional loyihalarda doimo:
<!DOCTYPE html>
ishlatiladi.
23. <head> nima?#
Savol#
Head tegining vazifasi nima?
Javob#
Foydalanuvchiga ko'rinmaydigan metadata saqlanadi.
Masalan
- title
- meta
- css
- favicon
- scripts
- fonts
24. <body> nima?#
Savol#
Body nima?
Javob#
Foydalanuvchi ko'radigan barcha kontent shu yerda joylashadi.
25. <title> nima?#
Savol#
Title nima?
Javob#
Browser tabida chiqadigan sarlavha.
SEO uchun juda muhim.
<title>My Portfolio</title>
26. Meta Tag nima?#
Savol#
Meta tag nima?
Javob#
Browser va Search Engine uchun qo'shimcha ma'lumot beradi.
Misollar
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Portfolio website">
27. charset nima?#
Savol#
UTF-8 nima?
Javob#
Belgilar kodlash tizimi.
<meta charset="UTF-8">
Deyarli barcha loyihalarda ishlatiladi.
28. viewport nima?#
Savol#
Viewport meta tag nima?
Javob#
Responsive dizayn uchun.
<meta
name="viewport"
content="width=device-width, initial-scale=1">
Telefonlarda to'g'ri ko'rinishni ta'minlaydi.
29. description meta tag#
Savol#
Description nima?
Javob#
Google natijasida chiqadigan qisqa tavsif.
<meta
name="description"
content="Best React Developer">
30. favicon nima?#
Savol#
Favicon nima?
Javob#
Browser tabidagi kichik icon.
<link
rel="icon"
href="/favicon.ico">
31. HTML Comment#
Savol#
Comment qanday yoziladi?
Javob#
<!-- Bu comment -->
Browserda ko'rinmaydi.
32. Heading teglar#
Savol#
Heading nechta?
Javob#
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<h1> sahifadagi eng muhim sarlavha.
33. H1 nechta bo'lishi kerak?#
Savol#
Bitta sahifada nechta H1 bo'lishi kerak?
Javob#
SEO nuqtai nazaridan odatda 1 ta H1 tavsiya etiladi.
34. Paragraph#
Savol#
Paragraph qaysi teg?
Javob#
<p>
Matn yozish uchun ishlatiladi.
35. Strong va Bold farqi#
Savol#
<strong> va <b> farqi?
Javob#
<strong>
✔ Semantic
✔ Muhim matn
<b>
✔ Faqat qalin qiladi.
36. Em va Italic farqi#
Savol#
<em> va <i> farqi?
Javob#
<em>
Semantic emphasis.
<i>
Faqat italic.
37. Anchor Tag#
Savol#
Link qanday yaratiladi?
Javob#
<a href="/">Home</a>
38. target="_blank"#
Savol#
target="_blank" nima?
Javob#
Yangi tab ochadi.
<a
href="https://google.com"
target="_blank">
39. rel="noopener"#
Savol#
Nima uchun noopener ishlatiladi?
Javob#
Xavfsizlik uchun.
<a
target="_blank"
rel="noopener noreferrer">
40. Image#
Savol#
Rasm qanday qo'shiladi?
Javob#
<img
src="cat.jpg"
alt="Cat">
41. alt nima?#
Savol#
Alt attribute nima?
Javob#
Rasm yuklanmasa matn chiqadi.
Screen Reader ham foydalanadi.
SEO uchun ham muhim.
42. Figure nima?#
Savol#
Figure nima?
Javob#
Media uchun semantic container.
<figure>
<img>
<figcaption>
</figure>
43. Lists#
Savol#
List turlari?
Javob#
Ordered List
<ol>
Unordered List
<ul>
Description List
<dl>
44. Ordered List#
Savol#
Ordered list qaysi teg?
Javob#
<ol>
<li>One</li>
<li>Two</li>
</ol>
45. Unordered List#
Savol#
Bullet list qaysi teg?
Javob#
<ul>
<li>Apple</li>
<li>Banana</li>
</ul>
46. Description List#
Savol#
Description List nima?
Javob#
<dl>
<dt>HTML</dt>
<dd>Markup Language</dd>
</dl>
47. Block Element#
Savol#
Block element nima?
Javob#
Yangi qatordan boshlanadi.
Misollar
<div>
<p>
section
article
header
footer
48. Inline Element#
Savol#
Inline element nima?
Javob#
Yangi qatorga o'tmaydi.
Misollar
<span>
<a>
<strong>
<em>
<img>
49. Div va Span#
Savol#
Div va Span farqi?
Javob#
<div>
✔ Block element
<span>
✔ Inline element
50. HTML Best Practices#
Savol#
Professional HTML yozishda nimalarga e'tibor beriladi?
Javob#
✅ Semantic HTML ishlatish
✅ Accessibility (ARIA) ga rioya qilish
✅ Har bir rasm uchun alt
✅ Faqat bitta <main>
✅ Mantiqiy heading tartibi (h1 → h2 → h3)
✅ To'g'ri meta taglar
✅ Responsive viewport
✅ Toza va o'qilishi oson kod
✅ Keraksiz <div>lardan qochish
✅ SEO uchun optimallashtirilgan struktura
Davomi#
Keyingi bo'limlarda:
- HTML Forms (50+ savol)
- HTML Tables
- Audio & Video
- SVG
- Canvas
- Accessibility (ARIA)
- SEO
- Open Graph
- Schema.org
- HTML5 APIs
- Browser Rendering
- 500+ Professional HTML Interview Questions
No comments yet.