Kluczowa różnica - Block vs Inline Elements
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 ostre. Składnia jest podobna do. Większość tagów ma również 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ą znane jako void tags. Element HTML to komponent 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 elementy, które można wyświetlać, mogą być elementami blokowymi lub wbudowanymi. Elementy blokowe mają strukturę prostokątną. Elementy wbudowane mogą być osadzane w elementach blokowych. Kluczowa różnica między blokiem a elementem inline polega na tym, że elementy blokowe zajmują pełną dostępną szerokość, podczas gdy elementy inline przyjmują szerokość wymaganą do wyświetlenia zawartości elementów.
ZAWARTOŚĆ
1. Przegląd i kluczowe różnice
2. Czym są elementy blokowe
3. Co to są elementy wbudowane
4. Podobieństwa między elementami blokowymi i liniowymi
5. Porównanie obok siebie - elementy blokowe i liniowe w formie tabelarycznej
6. Podsumowanie
Co to są elementy blokowe?
Elementy blokowe przyjmują dostępną pełną szerokość. Te elementy zawsze zaczynają się od nowej linii. Oto kilka przykładów elementów blokowych.
służy do zdefiniowania akapitu. na przykład
To jest akapit
. Istnieje sześć tagów do definiowania nagłówków. Oni są
,
,
…
. Programista może odpowiednio użyć nagłówka.
Lista uporządkowana jest definiowana przez
podczas gdy lista nieuporządkowana 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. W przypadku 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 blokowy. Oto kilka przykładów elementów blokowych w HTML.
Co to są elementy wbudowane?
Elementy liniowe 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 służący do tworzenia odsyłacza 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 liniowych
Służy do pogrubioną fragmentu tekstu. Znacznik ma nadać tekst kursywą. Strona internetowa powinna się prezentować. 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 liniowymi?
- Elementy blokowe i wbudowane są używane jako kontenery w HTML.
Jaka jest różnica między elementami blokowymi i liniowymi?
Porównaj środek artykułu przed tabelą
Block vs Inline Elements |
|
| Elementy blokowe to elementy, które będą rozciągać się na całą szerokość elementu nadrzędnego i nie pozwolą żadnemu innemu elementowi zajmować tej samej poziomej przestrzeni, na której jest umieszczony. | Elementy wbudowane 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ę od nowej linii. | Elementy wbudowane nie zaczynają się od nowej linii. |
| Wymagana przestrzeń | |
| Elementy blokowe mają całą szerokość. | Elementy wbudowane będą miały tylko wymaganą szerokość. |
Podsumowanie - Block vs Inline Elements
HTML to skrót od języka Hyper Text Markup. Jest to język składający się z tagów. Każdy tag ma określone zadanie i definiuje strukturę strony internetowej. Niektóre tagi mają tag początkowy i końcowy. Niektóre tagi nie mają tagu końcowego. Nazywa się je void tags. Parsowanie to proces analizy składni. Po etapie analizy te tagi stają się elementami. Elementy mogą być elementami blokowymi lub elementami wbudowanymi. Różnica między elementami blokowymi i wbudowanymi polega na tym, że elementy blokowe zajmują pełną dostępną szerokość, podczas gdy elementy wbudowane przyjmują szerokość wymaganą do wyświetlenia zawartości elementów.
Pobierz wersję PDF programu Block vs Inline Elements
Możesz pobrać wersję PDF tego artykułu i używać jej w trybie offline, zgodnie z notą cytatową. Pobierz wersję PDF tutaj: Różnica między elementami blokowymi i liniowymi