Różnica między elementami blokowymi a wbudowanymi

2024 Autor: Alex Aldridge | [email protected]. Ostatnio zmodyfikowany: 2023-12-17 13:47

Kluczowa różnica – elementy blokowe i wbudowane

HTML to skrót od Hyper Text Markup Language. Służy do tworzenia stron internetowych. Każda strona internetowa jest połączona z innymi stronami internetowymi za pomocą hiperłączy. Ten język składa się z tagów. Etykieta jest ujęta w nawiasy kątowe. Składnia jest podobna do. Większość tagów ma również tag zamykający. Kiedy jest tagiem, zamykającym tagiem jest. Niektóre tagi nie mają tagu zamykającego. Przykładami takiego tagu są

i

Są one znane jako puste znaczniki. Element HTML jest składnikiem dokumentu HTML lub strony internetowej po przeanalizowaniu go w modelu DOM (Document Object Model). DOM to wewnętrzna reprezentacja w przeglądarce internetowej. Reprezentuje każdy dokument w strukturze drzewa. W przeglądarce wyświetlane elementy mogą być elementami blokowymi lub wbudowanymi. Elementy blokowe mają budowę prostokątną. Elementy wbudowane mogą być osadzone w elementach blokowych. Kluczową różnicą między blokiem a elementem śródliniowym jest to, że elementy blokowe zajmują pełną dostępną szerokość, podczas gdy elementy śródliniowe przyjmują wymaganą szerokość, aby wyświetlić zawartość elementów.

Czym są elementy blokowe?

Elementy blokowe przyjmują dostępną pełną szerokość. Te elementy zawsze zaczynają się nową linią. Oto kilka przykładów elementów blokowych.

służy do definiowania akapitu. np.

To jest akapit

. Istnieje sześć tagów do definiowania nagłówków. Są

,

,

…

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

Uporządkowana lista jest zdefiniowana przez

gdy nieuporządkowana lista jest zdefiniowana przez

. Służy do wyświetlania poziomej linii w poprzek strony internetowej.

służy do porządkowania danych w formacie tabeli. Dla każdej witryny 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.

Czym są elementy wbudowane?

Elementy śródliniowe przyjmują tylko wymaganą szerokość. Te elementy nie zaczynają się od nowej linii. Oto kilka przykładów elementów wbudowanych. służy do tworzenia linków z jednej strony do drugiej. Hiperłącza to jeden z podstawowych elementów HTML. Może zawierać atrybut href, aby utworzyć link do miejsca docelowego. np. Odwiedź Google. Atrybut docelowy jest pusty. Dlatego nowy dokument otworzy się w nowym oknie. Jeśli atrybut docelowy to „_self”, połączony dokument zostanie otwarty w tym samym oknie.

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

służy do pogrubienia fragmentu tekstu. Znacznik ma sprawić, że tekst będzie kursywą. Strona internetowa powinna być czytelna. Dlatego każda strona internetowa składa się z wielu obrazów.

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 czym jest obraz. np.. 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?

Elementy blokowe a wbudowane
Elementy blokowe to elementy, które będą obejmować całą szerokość elementu nadrzędnego i nie pozwolą żadnemu innemu elementowi na zajęcie tej samej przestrzeni poziomej, na której jest umieszczony.	Elementy inline to elementy, których nie można umieścić bezpośrednio wewnątrz elementu body i które są zagnieżdżone w elementach blokowych.
Nowa linia
Elementy blokowe zaczynają się nową linią.	Elementy śródliniowe nie zaczynają się od nowej linii.
Wymagane miejsce
Elementy blokowe zajmują całą szerokość.	Wstawiane elementy przyjmą tylko wymaganą szerokość.

Podsumowanie – elementy blokowe a elementy wbudowane

HTML oznacza język Hyper Text Markup. Jest to język składający się ze znaczników. Każdy tag ma określone zadanie i określa strukturę strony internetowej. Niektóre tagi mają tag początkowy i tag końcowy. Niektóre tagi nie mają tagu końcowego. Nazywa się je void tagami. Parsowanie to proces analizy składni. Po kroku parsowania te znaczniki stają się elementami. Elementy mogą być elementami blokowymi lub wbudowanymi. Różnica między elementami blokowymi i wbudowanymi polega na tym, że elementy blokowe zajmują pełną dostępną szerokość, podczas gdy elementy śródliniowe przyjmują wymaganą szerokość, aby wyświetlić zawartość elementów.

Pobierz wersję PDF elementów blokowych i wbudowanych

Możesz pobrać wersję PDF tego artykułu i używać jej do celów offline zgodnie z notatką cytowania. Proszę pobrać wersję PDF tutaj: Różnica między elementami blokowymi a wbudowanymi