Kluczowa różnica - Block vs. Inline Elementy
 

HTML oznacza Hyper Text Markup Language. Służy do tworzenia stron internetowych. Każda strona jest połączona z innymi stronami za pomocą hiperłączy. Ten język składa się z tagów. Znacznik jest zamknięty w nawiasach klamrowych. Składnia jest podobna do. Większość tagów ma także tag zamykający. Kiedy jest tagiem, tagiem zamykającym jest. Niektóre tagi nie mają tagu zamykającego. Przykładami takich tagów są
i . Są one znane jako nieważne tagi. Element HTML jest składnikiem dokumentu HTML lub strony internetowej po przeanalizowaniu go w Document Object Model (DOM). DOM to wewnętrzna reprezentacja w przeglądarce internetowej. Reprezentuje każdy dokument w strukturze drzewa. W przeglądarce wyświetlanymi elementami może być element blokowy lub element wbudowany. Elementy blokowe mają prostokątną strukturę. Elementy wbudowane można osadzać w elementach blokowych. The kluczowa różnica między blokiem a elementem wbudowanym jest to elementy blokowe zajmują dostępną pełną szerokość, podczas gdy elementy śródliniowe przyjmują wymaganą szerokość, aby wyświetlić zawartość elementów.

ZAWARTOŚĆ

1. Przegląd i kluczowa różnica
2. Co to są elementy blokowe
3. Co to są elementy wbudowane
4. Podobieństwa między elementami blokowymi i wbudowanymi
5. Porównanie obok siebie - Blok w porównaniu do elementów wbudowanych w formie tabelarycznej
6. Podsumowanie

Co to są elementy blokowe?

Elementy blokowe mają dostępną pełną szerokość. Te elementy zawsze zaczynają się od nowej linii. Niektóre przykłady elementów blokowych są następujące.

służy do definiowania akapitu. na przykład.

To jest akapit

. Istnieje sześć znaczników do zdefiniowania nagłówków. Oni są

,

,

…

. Programista może odpowiednio użyć nagłówka.

Lista uporządkowana jest zdefiniowana przez

podczas gdy lista nieuporządkowana jest zdefiniowana przez
. The

---

służy do wyświetlania poziomej linii w poprzek strony internetowej. The służy do aranżacji danych w formacie tabeli. Dla każdej strony internetowej wymagane jest zbieranie danych od odwiedzających witrynę. Formularze HTML służą do pobierania danych od użytkownika. Jest to również element na poziomie bloku. Oto kilka przykładów elementów blokowych w HTML.

Co to są elementy wbudowane?

Elementy wbudowane mają tylko wymaganą szerokość. Te elementy nie zaczynają się od nowej linii. Niektóre przykłady elementów wbudowanych są następujące. służy do tworzenia linków między stronami. Hiperłącza są jednym z podstawowych elementów HTML. Może zawierać atrybut href, aby utworzyć łącze do miejsca docelowego. na przykład Odwiedź Google. Atrybut docelowy jest pusty. Dlatego nowy dokument zostanie otwarty w nowym oknie. Jeśli atrybut docelowy to „_self”, połączony dokument otworzy się w tym samym oknie.



Rysunek 01: Przykłady elementów blokowych i wbudowanych

The służy do pogrubienia fragmentu tekstu. The Tag mae kursywą tekstu. Strona internetowa powinna być reprezentatywna. Dlatego każda strona internetowa składa się z wielu obrazów. The służy do wyświetlania obrazu na stronie. Ten tag wymaga dwóch atrybutów. Są to src i alt. „Src” opisuje lokalizację obrazu, a „alt” opisuje, o co chodzi w obrazie. na przykład . Oto kilka przykładów elementów wbudowanych.

Jakie jest podobieństwo między elementami blokowymi i wbudowanymi?

• Elementy blokowe i wbudowane są używane jako kontenery w HTML.

Jaka jest różnica między elementami blokowymi a wbudowanymi?

Blok vs. elementy wbudowane
Elementy blokowe to elementy, które rozciągają się na całą szerokość elementu macierzystego i nie pozwalają żadnemu innemu elementowi zajmować tej samej poziomej przestrzeni, w jakiej jest umieszczony.	Elementy śródliniowe to elementy, których nie można umieścić bezpośrednio w elemencie bryły i które są zagnieżdżone w elementach bloku.
Nowa linia
Blokowane elementy zaczynają się od nowej linii.	Elementy śródliniowe nie zaczynają się od nowej linii.
Wymagane miejsce
Elementy blokowe zajmują całą szerokość.	Elementy wbudowane zajmą tylko wymaganą szerokość.

streszczenie - Block vs Inline Elementy 

HTML oznacza język Hyper Text Markup. Jest to język składający się z tagów. Każdy tag ma określone zadanie i określa, jak zorganizować stronę internetową. Niektóre tagi mają znacznik początkowy i końcowy. Niektóre tagi nie mają tagu końcowego. Nazywa się je tagami void. Analiza składniowa to proces analizy składni. Po etapie analizy znaczniki te stają się elementami. Elementy mogą być elementami na poziomie bloku lub elementami wbudowanymi. Różnica między elementami blokowymi i wbudowanymi polega na tym, że elementy blokowe zajmują dostępną pełną szerokość, podczas gdy elementy wbudowane przyjmują wymaganą szerokość do wyświetlenia zawartości elementów.

Pobierz wersję PDF Block vs Inline Elements

Możesz pobrać wersję PDF tego artykułu i używać go do celów offline zgodnie z cytatem. Pobierz wersję PDF tutaj: Różnica między elementami Block i Inline

Odniesienie:

1.Ziroll, Bob. „Blok HTML a elementy wbudowane i ważne”. V School Web Development, V School Web Development, 31 marca 2016. Dostępne tutaj 
2. „Element HTML”. Wikipedia, Wikimedia Foundation, 10 lutego 2018 r. Dostępne tutaj 
3. Blok HTML i elementy wbudowane. Dostępny tutaj 
4.Punkt, samouczki. „Przegląd HTML”. Punkt. Tutorials Point, 8 stycznia 2018 r. Dostępne tutaj

Technologia