Forskel mellem blok og inline elementer

Nøgleforskel - Blok vs Inline elementer
 

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 i vinkelstiverne. Syntaks 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 . De er kendt som ugyldige tags. Et HTML-element er en komponent i HTML-dokumentet eller websiden, efter at det er blevet parset til 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 visbare elementer enten være et blokelement eller et inlineelement. Blokkeelementer har en rektangulær struktur. Inlineelementerne kan indlejres i blokelementer. Det vigtigste forskel mellem blok og inline-elementet er det blokelementerne optager den fulde tilgængelige bredde, mens de indbyggede elementer tager den krævede bredde for at få vist indholdet af elementerne.

INDHOLD

1. Oversigt og nøgleforskel
2. Hvad er blokelementer
3. Hvad er Inline Elements
4. Ligheder mellem blok- og linieelementer
5. Sammenligning side ved side - Blok vs Inline Elements i tabelform
6. Resume

Hvad er blokelementer?

Blokkeelementer 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

,

,

...

. Programmereren kan bruge overskriften i overensstemmelse hermed.

Den bestilte liste er defineret af

    mens den uordnede liste er defineret af
      . Det
      bruges til at vise en vandret linje på tværs af websiden. Det bruges til at arrangere data i et tabelformat. For hvert websted kræves det, at data indsamles fra besøgende på webstedet. HTML-formularer bruges til at hente data fra brugeren. Det er også et blokniveauelement. Dette er nogle eksempler på blokelementer i HTML.

      Hvad er Inline Elements?

      Inlineelementer tager kun den krævede 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 vigtigste elementer i HTML. Den kan indeholde href-attributten for at oprette et link til destinationen. f.eks. Besøg Google. Målattributten er tom. Derfor åbnes det nye dokument i et nyt vindue. Hvis målattributten er “_self”, åbnes det tilknyttede dokument i det samme vindue.

      Figur 01: Eksempler på blok- og linieelementer

      Det bruges til at udtrykke et tekstsnit. Det tag er at markere teksten kursiv. En webside skal være præsentabel. Derfor består enhver webside af flere billeder. Det bruges til at vise et billede på siden. Dette tag kræver to attributter. De er src og alt. 'Src' beskriver placeringen af ​​billedet, og 'alt' beskriver, hvad billedet handler om. f.eks. . Dette er nogle eksempler på inline-elementer.

      Hvad er ligheden mellem blok- og linieelementer?

      • Blokering og inlineelementer bruges som containere i HTML.

      Hvad er forskellen mellem blok- og linieelementer?

      Block vs Inline Elements

      Blokkelementerne er de elementer, der spænder over hele bredden af ​​det overordnede element, og vil ikke lade noget andet element besætte 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
      Blokkelementerne tager hele bredden. Inlineelementerne tager kun den krævede bredde.

      Resumé - Blok mod Inline elementer 

      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 startmærket og slutmærket. Nogle tags har ikke et afsluttende tag. De kaldes ugyldige tags. Parsing er processen med syntaksanalyse. Efter parsningstrinnet bliver disse tags elementer. Elementer kan være blokniveauelementer eller inlineelementer. Forskellen mellem blok- og inline-elementer er, at blokelementerne optager den fulde tilgængelige bredde, mens inline-elementerne tager den krævede bredde for at få vist 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 som angivet i citatnotatet. Download PDF-versionen her: Forskel mellem blok og inline-elementer

      Reference:

      1.Ziroll, Bob. "HTML-blok mod inline og vigtige elementer." V School Web Development, V School Web Development, 31. mar. 2016. Findes her 
      2. "HTML-element." Wikipedia, Wikimedia Foundation, 10. februar 2018. Tilgængelig her 
      3.HTML-blok og inline-elementer. Tilgængelig her 
      4.Point, selvstudier. “HTML-oversigt.” Pointen. Tutorials Point, 8. januar 2018. Tilgængelig her