Nyckelskillnad - div vs span
HTML är ett allmänt använt språk för att utveckla webbsidor. Det står för Hyper Text Markup Language. Termen Hyper hänvisar till länkar till andra webbresurser på internet. Termen Markup hänvisar till möjligheten att skapa formaterad text med bilder och andra multimediaresurser. Hyperlänkar är huvudkomponenterna i HTML som gör att alla webbresurser ansluts. Det finns flera versioner av HTML. De är HTML 2.0, 3.2, 4.01 och HTML5. I grund och botten är HTML ett textdokument med taggar. Den berättar för webbläsaren hur man strukturerar webbsidan för att visa den. Div och span är två taggar i HTML. Varje HTML-element har ett standardvisningsvärde beroende på typ av element. Så de kan vara ett block eller inbyggda element. Denna artikel diskuterar skillnaden mellan div och span. Huvudskillnaden mellan div och span är att div är ett blocknivåelement medan span är ett inline-element.
INNEHÅLL
1. Översikt och nyckeldifferens
2. Vad är div
3. Vad är span
4. Likheter mellan div och span
5. Jämförelse sida vid sida - div vs span i tabellform
6. Sammanfattning
Vad är div?
Alla html-dokument börjar med en dokumenttypdeklaration. Idag är den vanligaste versionen av HTML HTML5. Därför är typdeklarationen. Alla html-taggar ska ingå i taggarna och. De nödvändiga detaljerna på webbsidan finns i taggen. Den synliga webbsidan är skriven inuti taggen. Det finns taggar för varje syfte. De
tag används till stycken. De
,
etc. används för rubriker. Innehållet i start- och sluttaggen är känt som ett element. t.ex
Detta är ett stycke
Figur 01: HTML5
Varje HTML-element har ett standardvisningsvärde beroende på typ av element. Standardvisningsvärdena kan antingen vara block eller inline. Elementen på blocknivån börjar alltid med en ny rad. Dessa element tar hela tillgängliga bredden. Några exempel på element på blocknivå är, och
Div-taggen är också ett blocknivåelement i HTML. Syntaksen är som följer.
Hej världen!
Div-elementen är en behållare till andra element. Därför kan en uppsättning element packas i div-elementet. När det används med Cascading Style Sheet (CSS) kan div-tagg användas för att utforma ett innehållsblock. Se kod nedan.
Två stycken finns inuti div-taggen. Allt innehåll i div-taggen har bakgrundsfärgen svart och teckensnittsfärgen vit.
Vad är span?
Till skillnad från element på blocknivå börjar de inbyggda elementen inte på en ny rad. Det tar bara önskad bredd. Några exempel på inbyggda element är,, och
Span-taggen är också ett inbyggt element i HTML. Syntaksen är som följer.
Hej världen!
Figur 02: div- och span-tagg
Span-taggen används som en behållare för lite text. Den här taggen kan också användas med CSS. Därför kan en del av texten utformas. Se exemplet nedan. 'Paragraf1' finns i span-taggen. Färg läggs till med CSS-attribut.
Detta är punkt 1
Vad är likheterna mellan div och span?
- Både div och span grupperar taggar i HTML.
- Både div och span innehåller start- och sluttaggen.
- Både div och span kan ha stilattribut.
Vad är skillnaden mellan div och span?
Skilja artikeln mitt före bordet
div vs span |
|
Div är en HTML-tagg som definierar en division eller ett avsnitt i ett HTML-dokument. | Spännvidden är en HTML-tagg som används för att gruppera inbyggda element i ett HTML-dokument. |
Användande | |
Div-taggen används som en behållare för andra element. | Span-taggen används som en behållare för lite text. |
Ny linje | |
Div-taggen börjar med en ny rad. | Span-taggen börjar inte med en ny rad. |
Nödvändig bredd | |
Div-taggen tar hela bredden. | Span-taggen tar bara den önskade bredden. |
Syntax | |
Sammanfattning - div vs span
HTML står för Hyper Text Markup Language. Det används för att utveckla webbplatser. Detta språk består av taggar. Grupperingstaggarna div och span i HTML. De används för att definiera ett avsnitt i ett dokument. Den här artikeln förklarade skillnaden mellan div- och span-taggar. Skillnaden mellan div och span är att div är ett blocknivåelement medan span är ett inline-element.
Ladda ner PDF-filen för div vs span
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 div och span