Forskellen mellem blok- og inline-elementer

Indholdsfortegnelse:

Forskellen mellem blok- og inline-elementer
Forskellen mellem blok- og inline-elementer

Video: Forskellen mellem blok- og inline-elementer

Video: Forskellen mellem blok- og inline-elementer
Video: Block vs. inline 2024, Juli
Anonim

Nøgleforskel – Blok vs Inline Elements

HTML står for Hyper Text Markup Language. Det bruges til at oprette websider. Hver webside er forbundet med andre websider ved hjælp af hyperlinks. Dette sprog består af tags. Et mærke er omgivet af vinkelbøjler. Syntaksen ligner. De fleste tags har også et afsluttende tag. Hvornår er et tag, er det afsluttende tag. Nogle tags har ikke et afsluttende tag. Eksempler på et sådant tag er

og

Forskellen mellem blok- og inline-elementer
Forskellen mellem blok- og inline-elementer

De er kendt som ugyldige tags. Et HTML-element er en komponent i HTML-dokumentet eller websiden, efter at det er blevet parset i Document Object Model (DOM). DOM er en intern repræsentation i webbrowseren. Det repræsenterer hvert dokument i en træstruktur. I browseren kan de visningsbare elementer enten være et blokelement eller et inline-element. Blokelementer har en rektangulær struktur. Inline-elementerne kan indlejres i blokelementer. Den vigtigste forskel mellem blok og inline-elementet er, at blokelementerne fylder hele den tilgængelige bredde, mens inline-elementerne tager den nødvendige bredde for at vise indholdet af elementerne.

Hvad er blokelementer?

Blokelementer tager den tilgængelige fulde bredde. Disse elementer starter altid med en ny linje. Nogle eksempler på blokelementer er som følger.

bruges til at definere et afsnit. f.eks.

Dette er et afsnit

. Der er seks tags til at definere overskrifter. De er

,

,

. Programmøren kan bruge headeren i overensstemmelse hermed.

Den bestilte liste er defineret af

mens den uordnede liste er defineret af

. Den bruges til at vise en vandret linje på tværs af websiden.

bruges til at arrangere data i et tabelformat. For hvert websted er det påkrævet at indsamle data fra de besøgende på webstedet. HTML-formularer bruges til at få data fra brugeren. Det er også et blokniveauelement. Det er nogle eksempler på blokelementer i HTML.

Hvad er inline-elementer?

Inline-elementer tager kun den nødvendige bredde. Disse elementer starter ikke med en ny linje. Nogle eksempler på inline-elementer er som følger. bruges til at oprette links fra en side til en anden. Hyperlinks er et af de væsentlige elementer i HTML. Den kan indeholde href-attributten for at oprette et link til destinationen. for eksempel. Besøg Google. Målattributten er tom. Derfor åbnes det nye dokument i et nyt vindue. Hvis målattributten er "_self", åbnes det linkede dokument i det samme vindue.

Figur 01: Eksempler på blok- og inline-elementer

bruges til at fed en sektion af tekst. Tagget skal gøre teksten kursiv. En webside skal være præsentabel. Derfor består enhver webside af flere billeder.

bruges til at vise et billede på siden. Dette tag kræver to attributter. De er src og alt. 'Src'en' beskriver placeringen af billedet og ' alt' beskriver, hvad billedet handler om. for eksempel.. Dette er nogle eksempler på inline-elementer.

Hvad er ligheden mellem blok- og inline-elementer?

Blok- og inline-elementer bruges som containere i HTML

Hvad er forskellen mellem blok- og inline-elementer?

Blok vs. Inline-elementer

Blokelementerne er de elementer, der vil spænde over hele bredden af det overordnede element, og vil ikke tillade noget andet element at optage det samme vandrette rum, som det er placeret på. De inline-elementer er de elementer, der ikke kan placeres direkte inde i body-elementet, og som er indlejret i blokelementer.
Ny linje
Blokelementer starter med en ny linje. Inline-elementer starter ikke med en ny linje.
Nødvendig plads
Blokelementerne tager hele bredden. De inline-elementer tager kun den nødvendige bredde.

Opsummering – Blokering vs Inline Elements

HTML står for Hyper Text Markup language. Det er et sprog, der består af tags. Hvert tag har en specifik opgave og definerer, hvordan websiden skal struktureres. Nogle tags har startmærket og slutmærket. Nogle tags har ikke et afsluttende tag. De kaldes void tags. Parsing er processen med syntaksanalyse. Efter parsing-trinnet bliver disse tags til elementer. Elementer kan være elementer på blokniveau eller inline-elementer. Forskellen mellem blok- og inline-elementer er, at blokelementerne fylder hele den tilgængelige bredde, mens de inline-elementer tager den nødvendige bredde for at vise indholdet af elementerne.

Download PDF-versionen af Block vs Inline Elements

Du kan downloade PDF-versionen af denne artikel og bruge den til offline-formål i henhold til citatnotat. Download venligst PDF-versionen her: Difference Between Block and Inline elements

Anbefalede: