2.1 Introduksjon til tagger
HTML-documentsMarkeringen er basert på tagger . Hva er en tag ?
Tagger ble oppfunnet tilbake på 70-tallet slik at folk kunne legge til tjenesteinformasjon til dokumenter for programmer som behandler disse dokumentene.
Tag- dette er et nøkkelord (funksjonelt), oftest på engelsk, som ble rammet inn i vinkelparenteser (flere og færre tegn) slik at programmer ikke forveksler tagger og vanlige ord på engelsk.
Taggen kan også inneholde diverse serviceinformasjon som kan være nyttig for programmet som behandler dokumentet.
Eksempeltekst med en tag:
<a href="http://codegym.cc/about">
Link to something interesting
</a>
I dette eksemplet ser vi teksten, "a"-taggen, samt tjenesteinformasjon - tag-attributtene. Nedenfor vil du lære mer om dem.
2.2 Typer etiketter: åpning, lukking, tom etikett
Tagger er av forskjellige typer. For det første er de enkle og doble. De vanligste er parede tagger . Og som du sikkert allerede har gjettet, går de alltid i par. De kalles også åpning og lukking.
Åpningskoden er bare et nøkkelord i trekantparenteser. Eksempel:
<h1>Avslutningstaggen ligner på åpningstaggen, men søkeordet er innledet med en skråstrek. Eksempel:
</h1>Åpningskoden kan inneholde tjenesteinformasjon - attributter, den avsluttende - nei . Startkoden er alltid den første i et par. Avslutningstaggen kan IKKE gå først i teksten, og deretter åpningstaggen. Dette HTML-documentvil ikke være gyldig.
Enkeltbrikker har ikke en avsluttende kode. Listen over slike tagger er definert av HTML-standard. Eksempler på slike tagger:
<br>- linjeskift;<img>- bilde.
Forresten, en sammenkoblet tag, hvis den ikke inneholder informasjon inni, kan skrives i en forkortet form . Eksempel:
<h1/>Dette er ikke en enkelt-tag, men en tom par-tag. Det er som både lukkede og åpne tagger på samme tid. Den skiller seg fra den lukkede taggen ved at skråstreken er på slutten (før den andre trekantede braketten).
2.3 Tag-tre
Og mer viktig informasjon om sammenkoblede tagger. Det kan være mange av dem i et dokument, og de kan nestes. Hva betyr det? Dette betyr at hvilken som helst tekst innenfor HTML-documentkan rammes (pakkes inn) med tagger, selv om den inneholder andre tagger. Eksempel:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>
Grovt sett kan en sekvens av tagger forekomme i html-teksten:
<h1> <h2> </h2> </h1>Men det kan ikke være:
<h1> <h2> </h1> </h2>Hvis startkoden <h2>er inne i et <h1>-tag-par, må dens tilsvarende slutttag </h2>også være inne i et <h1>-tag-par.
Dermed danner alle dokument-tagger et slags tag-tre . Først kommer toppnivå-taggen som omslutter hele dokumentet, vanligvis kalt <html>, den har underordnede tag-par, de har sine egne, og så videre.
Faktisk ser programmet som behandler et dokument med tagger det akkurat slik - som et tag-tre med litt tekst inni.
2.4 Attributter
Informasjon om tagger ville ikke være fullstendig hvis vi ikke snakket om attributter. Enkeltkoder og startkoder for sammenkoblede koder kan ha . Disse attributtene inneholder nyttig informasjon om innholdet i taggen.
En tag kan inneholde flere attributter, og de har følgende generelle form:
<tag name1="value1" name2="value2">
Hvert attributt er spesifisert som et par av Nameog meaning. Det kan være et hvilket som helst antall attributter.
«<»Men en erfaren programmerer vil umiddelbart stille spørsmålet: hva skal du gjøre hvis du trenger å bruke tekst som inneholder tegn eller «>»anførselstegn som en attributtverdi ?
| Symbolnavn | Symbol | HTML-oppføring |
|---|---|---|
| doble anførselstegn | " | " |
| Ampersand | & | & |
| Mindre enn symbol | < | < |
| Mer symbol | > | > |
| Rom | ||
| enkelt sitat | ' | ' |
GO TO FULL VERSION