Блок-түвшний ба доторх элементүүдийн хоорондын ялгаа нь юу вэ?
HTML нь вэб хуудаснуудын бүтцэд хамаарах янз бүрийн элементүүдээс бүрддэг. Эдгээр элемент бүр нь блок түвшний элементүүд эсвэл доторх элементүүдийн аль алиныг хоѐр ангиллын аль нэгэнд багтдаг. Эдгээр хоёр элементүүдийн хоорондын ялгааг ойлгох нь вэб хуудас барихад чухал алхам юм.
Блокийн түвшний элементүүд
Блок түвшний элемент гэж юу вэ? Блок түвшний элемент нь вэб хуудасны шинэ мөрийг эхлүүлж, түүний эх элементийн байгаа хэвтээ тэнхлэгийн бүрэн өргөнийг хамарсан HTML элемент юм. Энэ нь догол мөр эсвэл хуудасны хэсгүүд шиг том хэмжээний блокуудыг үүсгэдэг. Үнэндээ ихэнх HTML элемент нь блок түвшний элементүүд юм.
Блок түвшний элементүүд нь HTML баримт бичгийн биед ашиглагддаг. Тэдгээр нь inline элементүүд болон бусад блок түвшний элементүүдийг агуулж болно.
Inline элементүүд
Блок түвшний элементтэй харьцуулахад доторх элемент нь:
- Шугам дотроос эхэл
- Шинэ мөрийг эхлүүлэхгүй байна
- Түүний өргөн нь зөвхөн шошгонуудаар тодорхойлогддог.
Inline элементийн жишээ нь таг юм. Энэ нь текстийн агууламжийн тодорсон үсгийн фонтыг болгодог. Inline элемент нь ерөнхийдөө зөвхөн бусад доторх элементүүдээс бүрдэх бөгөөд энэ нь
таслах хаяг гэх мэт юу ч байж болно.
HTML доторх гурав дахь төрлийн элемент байдаг: бүгд огт харагдахгүй байна. Эдгээр элемент нь хуудасны талаарх мэдээллийг агуулдаг боловч Вэб хөтөч дээр үзүүлэх үед харагдахгүй байна.
Жишээлбэл: