2.1 Introduktion till taggar
HTML-documentsMarkeringen är baserad på taggar . Vad är en tagg ?
Taggar uppfanns redan på 70-talet så att människor kunde lägga till serviceinformation till dokument för program som behandlar dessa dokument.
Tag- det här är ett nyckelord (funktionellt), oftast på engelska, som ramades in inom vinkelparenteser (fler och färre tecken) så att program inte blandar ihop taggar och vanliga ord på engelska.
Taggen kan också innehålla olika serviceinformation som kan vara användbar för programmet som bearbetar dokumentet.
Exempeltext med en tagg:
<a href="http://codegym.cc/about">
Link to something interesting
</a>I det här exemplet ser vi texten, "a"-taggen, samt serviceinformation - taggattributen. Nedan får du veta mer om dem.
2.2 Typer av taggar: öppning, stängning, tom tagg
Taggar är av olika typer. För det första är de enkla och dubbla. De vanligaste är parade taggar . Och som du säkert redan gissat går de alltid i par. De kallas också för öppning och stängning.
Öppningstaggen är bara ett nyckelord inom triangelparenteser. Exempel:
<h1>Den avslutande taggen liknar den inledande taggen, men nyckelordet föregås av ett snedstreck. Exempel:
</h1>Den öppna taggen kan innehålla serviceinformation - attribut, den avslutande - nej . Starttaggen är alltid den första i ett par. Den avslutande taggen kan INTE gå först i texten, och sedan den inledande taggen. Detta HTML-documentkommer inte att vara giltigt.
Enstaka taggar har ingen avslutande tagg. Listan över sådana taggar definieras av HTML-standard. Exempel på sådana taggar:
<br>- radbrytning;<img>- bild.
Förresten, en parad tagg, om den inte innehåller information inuti, kan skrivas i en förkortad form . Exempel:
<h1/>Detta är inte en enskild tagg, utan en tom partagg. Det är som både stängda och öppna taggar på samma gång. Den skiljer sig från den stängda taggen genom att snedstrecket är i slutet (före den andra triangulära konsolen).
2.3 Taggträd
Och mer viktig information om parade taggar. Det kan finnas många av dem i ett dokument och de kan kapslas. Vad betyder det? Detta innebär att vilken text som helst inom HTML-documentkan ramas in (lindas) med taggar, även om den innehåller andra taggar. Exempel:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>Grovt sett kan en sekvens av taggar förekomma i html-texten:
<h1> <h2> </h2> </h1>Men det kan inte vara:
<h1> <h2> </h1> </h2>Om starttaggen <h2>är inuti ett <h1>-taggpar, måste dess matchande sluttagg </h2>också vara inuti ett <h1>-taggpar.
Alla dokumenttaggar bildar alltså ett slags taggträd . Först kommer taggen på översta nivån som omsluter hela dokumentet, vanligtvis kallad , <html>den har underordnade taggpar, de har sina egna och så vidare.
Egentligen ser programmet som bearbetar ett dokument med taggar det precis så - som ett taggträd med lite text inuti.
2.4 Attribut
Information om taggar skulle inte vara fullständig om vi inte pratade om attribut. Enstaka taggar och starttaggar för parade taggar kan ha . Dessa attribut innehåller användbar information om innehållet i taggen.
En tagg kan innehålla flera attribut och de har följande allmänna form:
<tag name1="value1" name2="value2">Varje attribut anges som ett par av Nameoch meaning. Det kan finnas hur många attribut som helst.
«<»Men en erfaren programmerare kommer omedelbart att ställa frågan: vad ska man göra om du behöver använda text som innehåller tecken eller «>»citattecken som ett attributvärde ?
| Symbolnamn | Symbol | HTML-post |
|---|---|---|
| dubbla citattecken | " | " |
| Ampersand | & | & |
| Mindre än symbol | < | < |
| Mer symbol | > | > |
| Plats | ||
| enda citat | ' | ' |