Forskjellen mellom blokk- og innebygde elementer

2024 Forfatter: Alex Aldridge | [email protected]. Sist endret: 2023-12-17 13:46

Key Difference – Block vs Inline Elements

HTML står for Hyper Text Markup Language. Den brukes til å lage nettsider. Hver nettside er koblet til andre nettsider ved hjelp av hyperkoblinger. Dette språket består av tagger. En merkelapp er omsluttet av vinkelparenteser. Syntaksen ligner på. De fleste tagger har også en avsluttende tag. Når er en tag, er den avsluttende taggen. Noen tagger har ikke en avsluttende tag. Eksempler på en slik tag er

og

De er kjent som ugyldige tagger. Et HTML-element er en komponent av HTML-dokumentet eller nettsiden etter at det har blitt analysert inn i Document Object Model (DOM). DOM er en intern representasjon i nettleseren. Den representerer hvert dokument i en trestruktur. I nettleseren kan de visningsbare elementene enten være et blokkelement eller et innebygd element. Blokkelementer har en rektangulær struktur. Inline-elementene kan bygges inn i blokkelementer. Den viktigste forskjellen mellom blokken og det innebygde elementet er at blokkelementene tar opp hele bredden som er tilgjengelig, mens de innebygde elementene tar den nødvendige bredden for å vise innholdet i elementene.

Hva er blokkelementer?

Blokkelementer tar den tilgjengelige fulle bredden. Disse elementene starter alltid med en ny linje. Noen eksempler på blokkelementer er som følger.

brukes til å definere et avsnitt. f.eks.

Dette er et avsnitt

. Det er seks tagger for å definere overskrifter. De er

,

,

…

. Programmereren kan bruke overskriften tilsvarende.

Den bestilte listen er definert av

mens den uordnede listen er definert av

. Den brukes til å vise en horisontal linje over nettsiden. The

brukes til å ordne data i et tabellformat. For hvert nettsted er det nødvendig å samle inn data fra besøkende på nettstedet. HTML-skjemaer brukes for å hente data fra brukeren. Det er også et blokknivåelement. Dette er noen eksempler på blokkelementer i HTML.

Hva er inline-elementer?

Inline-elementer tar bare den nødvendige bredden. Disse elementene starter ikke med en ny linje. Noen eksempler på innebygde elementer er som følger. brukes til å lage lenker fra en side til en annen. Hyperkoblinger er et av de essensielle elementene i HTML. Den kan inneholde href-attributtet for å opprette en kobling til destinasjonen. f.eks. Besøk Google. Målattributtet er tomt. Derfor vil det nye dokumentet åpnes i et nytt vindu. Hvis målattributtet er "_selv", vil det tilknyttede dokumentet åpnes i samme vindu.

Figur 01: Eksempler på blokk- og innebygde elementer

brukes til å fet en del av teksten. Taggen skal gjøre teksten kursiv. En nettside skal være presentabel. Derfor består enhver nettside av flere bilder. The

brukes for å vise et bilde på siden. Denne taggen krever to attributter. De er src og alt. "Src" beskriver plasseringen av bildet og " alt" beskriver hva bildet handler om. f.eks.. Dette er noen eksempler på innebygde elementer.

Hva er likheten mellom blokk- og inline-elementer?

Blokk- og innebygde elementer brukes som beholdere i HTML

Hva er forskjellen mellom blokk- og innebygde elementer?

Block vs Inline Elements
Blokkelementene er elementene som vil spenne over hele bredden av det overordnede elementet, og vil ikke tillate andre elementer å oppta samme horisontale plass som det er plassert på.	Inline-elementene er elementene som ikke kan plasseres direkte inne i body-elementet, og som er nestet i blokkelementer.
Ny linje
Blokkeringselementer starter med en ny linje.	Inline-elementer starter ikke med en ny linje.
Nødvendig plass
Blokkelementene tar hele bredden.	De innebygde elementene vil bare ta den nødvendige bredden.

Summary – Block vs Inline Elements

HTML står for Hyper Text Markup language. Det er et språk som består av tagger. Hver tag har en spesifikk oppgave og definerer hvordan nettsiden skal struktureres. Noen tagger har startkoden og sluttkoden. Noen tagger har ikke en sluttkode. De kalles void-tagger. Parsing er prosessen med syntaksanalyse. Etter parsingstrinnet blir disse taggene til elementer. Elementer kan være blokknivåelementer eller innebygde elementer. Forskjellen mellom blokk- og inline-elementer er at blokk-elementene tar opp hele bredden som er tilgjengelig, mens inline-elementene tar den nødvendige bredden for å vise innholdet i elementene.

Last ned PDF-versjonen av Block vs Inline Elements

Du kan laste ned PDF-versjonen av denne artikkelen og bruke den til offline-formål i henhold til sitat. Last ned PDF-versjonen her: Difference Between Block and Inline elements