Forskjellen mellom en blokk og en Inline-Element

Nettsider modellere sitt innhold i HTML-elementer. HTML-elementer faller grovt inn i to kategorier: inline og blokk. Hvilken kategori en element type er i bestemmer hva slags struktur det kan vises innenfor, samt hva slags strukturer som kan dukke opp i det, for en side å være riktig dannet. Statusen til et element som enten en innebygd eller en blokk nivå påvirker også hvordan innholdet vises i nettleseren.

element~~POS=TRUNC typer~~POS=HEADCOMP

De ulike typer element i HTML modell ulike typer innholdet på websiden. HTML-sider bruker trestrukturer, noe som betyr at elementene kan inneholde underordnede elementer. I de fleste tilfeller vil en enkelt element på en side mellom åpning og lukking koder, som i følgende eksempel, som representerer et avsnitt:

<P> Her er litt tekst i et avsnitt element. </ P>

HTML-elementer kan inneholde tekst, media og andre elementer. Når du oppretter en webside struktur, utviklere bestemme hvilke typer element som skal brukes til innholdet de trenger å vise. En samlet nettsiden struktur innebærer normalt flere elementer i nestede strukturer, som kan være svært komplisert i noen tilfeller.

nesting

For at en webside skal være driftssikker i ulike nettlesere, innholdet i det må samsvare med de vanlige hekke regler for HTML. Block nivå elementer kan inneholde andre kvartal nivå elementer samt innebygde elementer. Inline-elementene kan bare inneholde andre rulleelementer, så vel som deres innhold, som vanligvis bare tekst. For eksempel, viser følgende eksempel markering en forelder "div", som er et blokknivå element, som inneholder en annen "div» som et barn element, som i sin tur inneholder et "spenn" som er en inline-element:

<Div id = "foreldre">

<Div id = "barn">

<Span> Noe tekst </ span>

</ Div>

</ Div>

De "div" elementer kan inneholde flere andre underordnede elementer. Den "span" kan inneholde flere andre integrerte elementer, men kan ikke, for eksempel inneholde en annen "div."

CSS

CSS, eller Cascading Style Sheet, kan erklæringer for en webside angi om nettleseren skal vise visse elementer som enten blokkere eller inline. Dette tillater utviklerne å skreddersy utseendet på slike elementer uavhengig av om de er naturlig blokkere eller inline. For eksempel, er et avsnitt en blokk nivå element, men følgende CSS-koden angir at avsnitt med en bestemt klasse attributtet skal vises inline:

p.inl {

display: inline;

}

Nettlesere automatisk vise blokkelementer med linjeskift før og etter dem, med innebygde elementer naturlig faller inn i linje i hverandre. Angir at et element skal vises som den ene eller den andre ved hjelp av skjerm eiendom i CSS håndhever denne presentasjonen uansett element type.

restriksjoner

Selv om CSS-kode kan angi at en blokk nivå element skal vises inline eller som et inline element bør behandles som blokknivå, betyr ikke endre hekke restriksjoner på slike elementer. Dette betyr at selv om et inline element som en "span" har en CSS erklæring som angir at det skal vises som blokknivå, er det fortsatt må ikke ha block nivå elementer nestet inni den eller siden vil generere kodefeil.