Nyckelskillnad - Blockera mot inbyggda element
HTML står för Hyper Text Markup Language. Den används för att skapa webbsidor. Varje webbsida är ansluten till andra webbsidor med hjälp av hyperlänkar. Detta språk består av taggar. En tagg är innesluten inom vinkelstöd. Syntaxen liknar. De flesta taggar har också en avslutande tagg. När är en tagg är den avslutande taggen. Vissa taggar har ingen avslutande tagg. Exempel på en sådan tagg är
och
. De är kända som ogiltiga taggar. Ett HTML-element är en komponent i HTML-dokumentet eller webbsidan efter att det har analyserats i Document Object Model (DOM). DOM är en intern representation i webbläsaren. Det representerar varje dokument i en trädstruktur. I webbläsaren kan de visningsbara elementen antingen vara ett blockelement eller ett inbyggt element. Blockelement har en rektangulär struktur. Inlineelementen kan inbäddas i blockelement. Huvudskillnaden mellan block och inline-elementet är att blockelementen tar upp hela tillgängliga bredden medan inline-elementen tar den önskade bredden för att visa innehållet i elementen.
INNEHÅLL
1. Översikt och nyckeldifferens
2. Vad är blockelement
3. Vad är inlineelement
4. Likheter mellan block och inlineelement
5. Jämförelse sida vid sida - Blockera mot inlineelement i tabellform
6. Sammanfattning
Vad är blockelement?
Blockelement tar den tillgängliga bredden. Dessa element börjar alltid med en ny rad. Några exempel på blockelement är som följer.
används för att definiera ett stycke. t.ex
Detta är ett stycke
. Det finns sex taggar för att definiera rubriker. Dom är
,
,
…
. Programmeraren kan använda rubriken i enlighet därmed.
Den ordnade listan definieras av
medan den oordnade listan definieras av
. Den används för att visa en horisontell linje över webbsidan. Den används för att ordna data i ett tabellformat. För varje webbplats är det nödvändigt att samla in data från webbplatsbesökarna. HTML-formulär används för att få data från användaren. Det är också ett blocknivåelement. Det här är några exempel på blockelement i HTML.
Vad är inbyggda element?
Inbyggda element tar bara önskad bredd. Dessa element börjar inte med en ny rad. Några exempel på inbyggda element är följande. används för att skapa länkar från en sida till en annan. Hyperlänkar är ett av de viktigaste elementen i HTML. Den kan innehålla href-attributet för att skapa en länk till destinationen. Besök t.ex. Google. Målattributet är tomt. Därför öppnas det nya dokumentet i ett nytt fönster. Om målattributet är “_self” öppnas det länkade dokumentet i samma fönster.
Figur 01: Exempel på block- och inlineelement
Den används för att fetstil ett avsnitt av texten. Taggen är att göra texten kursiv. En webbsida ska kunna presenteras. Därför består varje webbsida av flera bilder. De
används för att visa en bild på sidan. Den här taggen kräver två attribut. De är src och alt. "Src" beskriver platsen för bilden och "alt" beskriver vad bilden handlar om. t.ex. Dessa är några exempel på inbyggda element.
Vad är likheten mellan block och inbyggda element?
- Block- och inline-element används som behållare i HTML.
Vad är skillnaden mellan block och inbyggda element?
Skilja artikeln mitt före bordet
Blockera mot inbyggda element |
|
| Blockelementen är elementen som sträcker sig över hela moderelementets bredd och tillåter inte att något annat element upptar samma horisontella utrymme som det är placerat på. | Inlineelementen är de element som inte kan placeras direkt inuti kroppselementet och som är kapslade i blockelement. |
| Ny linje | |
| Blockera element börjar med en ny rad. | Inbyggda element börjar inte med en ny rad. |
| Nödvändigt utrymme | |
| Blockelementen tar hela bredden. | Inlineelementen tar bara den önskade bredden. |
Sammanfattning - Block vs Inline Elements
HTML står för Hyper Text Markup språk. Det är ett språk som består av taggar. Varje tagg har en specifik uppgift och definierar hur webbsidan ska struktureras. Vissa taggar har starttaggen och sluttaggen. Vissa taggar har ingen sluttagg. De kallas ogiltiga taggar. Parsing är processen för syntaxanalys. Efter parsningssteget blir dessa taggar element. Element kan vara element på blocknivå eller inbyggda element. Skillnaden mellan block- och inlineelement är att blockelementen tar upp hela tillgängliga bredden medan de inlineelementen tar den önskade bredden för att visa innehållet i elementen.
Ladda ner PDF-versionen av Block vs Inline Elements
Du kan ladda ner PDF-versionen av den här artikeln och använda den för offlineändamål enligt citat. Ladda ner PDF-versionen här: Skillnaden mellan block och inline-element
