2.1 Introduktion til tags
HTML-documentsOpmærkningen er baseret på tags . Hvad er et tag ?
Tags blev opfundet tilbage i 70'erne, så folk kunne tilføje serviceoplysninger til dokumenter for programmer, der behandler disse dokumenter.
Tag- dette er et nøgleord (funktionelt), oftest på engelsk, som blev indrammet i vinkelparenteser (flere og færre tegn), så programmer ikke forveksler tags og almindelige ord på engelsk.
Tagget kan også indeholde forskellige serviceoplysninger, der kan være nyttige for det program, der behandler dokumentet.
Eksempel på tekst med et tag:
<a href="http://codegym.cc/about">
Link to something interesting
</a>I dette eksempel ser vi teksten, "a"-tagget, samt serviceoplysninger - tag-attributterne. Nedenfor lærer du mere om dem.
2.2 Typer af tags: åbning, lukning, tom tag
Tags er af forskellige typer. For det første er de enkelt og dobbelt. De mest almindelige er parrede tags . Og som du sikkert allerede har gættet, går de altid i par. De kaldes også åbning og lukning.
Åbningsmærket er blot et nøgleord i trekantede parenteser. Eksempel:
<h1>Det afsluttende tag ligner det åbnende tag, men nøgleordet er indledt med en skråstreg. Eksempel:
</h1>Åbningsmærket kan indeholde serviceinformation - attributter, det afsluttende - nej . Startmærket er altid det første i et par. Det afsluttende tag kan IKKE gå først i teksten, og derefter det indledende tag. Dette HTML-documentvil ikke være gyldigt.
Enkelte tags har ikke et afsluttende tag. Listen over sådanne tags er defineret af HTML-standard. Eksempler på sådanne tags:
<br>- linjeskift;<img>- billede.
Forresten kan et parret tag, hvis det ikke indeholder information indeni, skrives i en forkortet form . Eksempel:
<h1/>Dette er ikke et enkelt tag, men et tomt par tag. Det er ligesom både lukkede og åbne tags på samme tid. Det adskiller sig fra det lukkede mærke ved, at skråstregen er i enden (før den anden trekantede parentes).
2.3 Mærketræ
Og flere vigtige oplysninger om parrede tags. Der kan være mange af dem i et dokument, og de kan indlejres. Hvad betyder det? Det betyder, at enhver tekst indeni HTML-documentkan indrammes (ombrydes) med tags, også selvom den indeholder andre tags. Eksempel:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>Groft sagt kan en sekvens af tags forekomme i html-teksten:
<h1> <h2> </h2> </h1>Men det kan ikke være:
<h1> <h2> </h1> </h2>Hvis startmærket <h2>er inde i et <h1>-tag-par, skal dets matchende slutmærke </h2>også være inde i et <h1>-tag-par.
Alle dokumentmærker danner således en slags mærketræ . Først kommer det øverste niveau tag, der omslutter hele dokumentet, normalt kaldet <html>, det har underordnede tag-par, de har deres eget, og så videre.
Faktisk ser det program, der behandler et dokument med tags, det præcis sådan - som et tag-træ med noget tekst indeni.
2.4 Attributter
Oplysninger om tags ville ikke være fuldstændige, hvis vi ikke talte om attributter. Enkelte tags og starttags af parrede tags kan have . Disse attributter indeholder nyttige oplysninger om indholdet af tagget.
Et tag kan indeholde flere attributter, og de har følgende generelle form:
<tag name1="value1" name2="value2">Hver attribut er angivet som et par af Nameog meaning. Der kan være et hvilket som helst antal attributter.
«<»Men en erfaren programmør vil straks stille spørgsmålet: hvad skal du gøre, hvis du skal bruge tekst, der indeholder tegn eller «>»citater som en attributværdi ?
| Symbolnavn | Symbol | HTML-indtastning |
|---|---|---|
| dobbelt anførselstegn | " | " |
| Ampersand | & | & |
| Mindre end symbol | < | < |
| Mere symbol | > | > |
| Plads | ||
| enkelt citat | ' | ' |