Разлика между блокови и вградени елементи

2024 Автор: Alex Aldridge | [email protected]. Последно модифициран: 2023-12-17 13:30

Ключова разлика – Блок срещу вградени елементи

HTML означава Hyper Text Markup Language. Използва се за създаване на уеб страници. Всяка уеб страница е свързана с други уеб страници чрез хипервръзки. Този език се състои от тагове. Етикетът е ограден в ъглови скоби. Синтаксисът е подобен на. Повечето тагове също имат затварящ таг. Когато е таг, затварящият таг е. Някои тагове нямат затварящ таг. Примери за такъв етикет са

и

Те са известни като празни тагове. HTML елемент е компонент на HTML документа или уеб страницата, след като е анализиран в обектен модел на документ (DOM). DOM е вътрешно представяне в уеб браузъра. Той представя всеки документ в дървовидна структура. В браузъра показваните елементи могат да бъдат или блоков елемент, или вграден елемент. Блоковите елементи имат правоъгълна структура. Вградените елементи могат да бъдат вградени в блокови елементи. Ключовата разлика между блока и вградения елемент е, че блоковите елементи заемат цялата налична ширина, докато вградените елементи заемат необходимата ширина, за да покажат съдържанието на елементите.

Какво представляват блоковите елементи?

Блочните елементи заемат наличната пълна ширина. Тези елементи винаги започват с нов ред. Някои примери за блокови елементи са както следва.

се използва за дефиниране на параграф. напр.

Това е параграф

. Има шест тагова за дефиниране на заглавки. Те са

,

,

…

. Програмистът може да използва съответно заглавката.

Подреденият списък се определя от

докато неподреденият списък се определя от

. Използва се за показване на хоризонтална линия през уеб страницата.

се използва за подреждане на данни в табличен формат. За всеки уеб сайт се изисква събиране на данни от посетителите на сайта. HTML формуляри се използват за получаване на данни от потребителя. Освен това е елемент на ниво блок. Това са някои примери за блокови елементи в HTML.

Какво представляват вградените елементи?

Вградените елементи заемат само необходимата ширина. Тези елементи не започват с нов ред. Някои примери за вградени елементи са както следва. се използва за създаване на връзки от една страница към друга. Хипервръзките са един от основните елементи в HTML. Може да съдържа атрибута href за създаване на връзка към дестинацията. напр. Посетете Google. Целевият атрибут е празен. Следователно новият документ ще се отвори в нов прозорец. Ако целевият атрибут е „_self“, тогава свързаният документ ще се отвори в същия прозорец.

Фигура 01: Примери за блокови и вградени елементи

се използва за удебеляване на част от текста. Етикетът е да направи текста курсив. Уеб страницата трябва да бъде представителна. Следователно всяка уеб страница се състои от множество изображения.

се използва за показване на изображение на страницата. Този етикет изисква два атрибута. Те са src и alt. „Src“описва местоположението на изображението, а „ alt“описва какво представлява изображението. напр.. Това са някои примери за вградени елементи.

Каква е приликата между блоковите и вградените елементи?

Блоковите и вградените елементи се използват като контейнери в HTML

Каква е разликата между блокови и вградени елементи?

Блок срещу вградени елементи
Блоковите елементи са елементите, които ще обхващат цялата ширина на родителския елемент и няма да позволят на друг елемент да заема същото хоризонтално пространство, върху което е поставен.	Вградените елементи са елементите, които не могат да бъдат поставени директно в елемента body и които са вложени в блокови елементи.
Нов ред
Елементите на блока започват с нов ред.	Вградените елементи не започват с нов ред.
Необходимо пространство
Елементите на блока заемат цялата ширина.	Вградените елементи ще заемат само необходимата ширина.

Резюме – Блок срещу вградени елементи

HTML означава език за маркиране на хипертекст. Това е език, състоящ се от тагове. Всеки таг има специфична задача и определя как да се структурира уеб страницата. Някои тагове имат начален таг и краен таг. Някои етикети нямат краен етикет. Те се наричат празни тагове. Парсирането е процес на анализ на синтаксиса. След стъпката на анализиране тези тагове стават елементи. Елементите могат да бъдат елементи на ниво блок или вградени елементи. Разликата между блоковите и вградените елементи е, че блоковите елементи заемат цялата налична ширина, докато вградените елементи заемат необходимата ширина за показване на съдържанието на елементите.

Изтеглете PDF версията на Block vs Inline Elements

Можете да изтеглите PDF версията на тази статия и да я използвате за офлайн цели според бележката за цитиране. Моля, изтеглете PDF версията тук: Разлика между блокови и вградени елементи