Nøgleforskel - Block vs Inline Elements
HTML står for Hyper Text Markup Language. Det bruges til at oprette websider. Hver webside er forbundet til andre websider ved hjælp af hyperlinks. Dette sprog består af tags. Et mærke er lukket inden for 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 lukkemærke. Eksempler på et sådant mærke er
og
. 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 viste elementer enten være et blokelement eller et integreret element. Blokelementer har en rektangulær struktur. De integrerede elementer kan indlejres i blokelementer. Hovedforskellen mellem blok og det integrerede element er, at blokelementerne optager den fulde tilgængelige bredde, mens de integrerede elementer tager den nødvendige bredde for at vise indholdet af elementerne.
INDHOLD
1. Oversigt og nøgleforskel
2. Hvad er blokelementer
3. Hvad er integrerede elementer
4. Ligheder mellem blok- og inlineelementer
5. Sammenligning side om side - Blok vs indbyggede elementer i tabelform
6. Resumé
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, der definerer overskrifter. De er
,
,
…
. Programmøren kan bruge overskriften i overensstemmelse hermed.
Den ordnede liste er defineret af
mens den ikke-ordnede liste er defineret af
. Den bruges til at vise en vandret linje på tværs af websiden. Den bruges til at arrangere data i et tabelformat. For hvert websted er det nødvendigt at indsamle data fra de besøgende. HTML-formularer bruges til at hente data fra brugeren. Det er også et blokniveauelement. Disse er nogle eksempler på blokelementer i HTML.
Hvad er integrerede elementer?
Integrerede elementer tager kun den krævede bredde. Disse elementer starter ikke med en ny linje. Nogle eksempler på integrerede 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. Det kan indeholde href-attributten for at oprette et link til destinationen. Gå f.eks. til Google. Målattributten er tom. Derfor åbnes det nye dokument i et nyt vindue. Hvis målattributten er “_self”, åbnes det linkede dokument i samme vindue.
Figur 01: Eksempler på blok- og inlineelementer
Det bruges til at fedme et tekstsnit. Tagget skal markere teksten kursiv. En webside skal være præsentabel. Derfor består enhver webside af flere billeder. De
bruges til at vise et billede på siden. Dette tag kræver to attributter. De er src og alt. 'Src' beskriver billedets placering og 'alt' beskriver, hvad billedet handler om. f.eks. Dette er nogle eksempler på integrerede elementer.
Hvad er ligheden mellem blok- og integrerede elementer?
- Blok- og inlineelementer bruges som containere i HTML.
Hvad er forskellen mellem blok- og inline-elementer?
Diff artikel midt foran bordet
Bloker mod indbyggede elementer |
|
| Blokelementerne er de elementer, der spænder over hele overordnede elementets bredde og tillader ikke, at ethvert andet element optager det samme vandrette rum, som det er placeret på. | Inlineelementerne er de elementer, der ikke kan placeres direkte inde i kropselementet, og som er indlejret i blokelementer. |
| Ny linje | |
| Blokeringselementer starter med en ny linje. | Inline-elementer starter ikke med en ny linje. |
| Påkrævet plads | |
| Blokelementerne tager al bredde. | De integrerede elementer tager kun den krævede bredde. |
Resumé - Block vs Inline Elements
HTML står for Hyper Text Markup sprog. Det er et sprog, der består af tags. Hvert tag har en bestemt opgave og definerer, hvordan websiden skal struktureres. Nogle tags har start-tag og slut-tag. Nogle tags har ikke et sluttag. De kaldes ugyldige tags. Parsing er processen med syntaksanalyse. Efter parsingstrinnet bliver disse tags elementer. Elementer kan være elementer på blokniveau eller inline-elementer. Forskellen mellem blok- og inline-elementer er, at blokelementerne optager den fulde 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 offlineformål som pr. Citatnote. Download venligst PDF-versionen her: Forskellen mellem blok- og inline-elementer
