HTML-dokumentstruktur

HTML-dokumenter er almindelige tekstfiler med en html- eller htm-udvidelse. Så enhver editor kan bruges til at oprette tekstfiler, som giver dig mulighed for at oprette en ASCII-tekstfil. Der er selvfølgelig en række specialiserede programmer, der letter oprettelsen af ​​denne type dokumenter. Et af deres vigtigste træk er syntaksfarvning, automatisk taglukning, visning af tip og andre funktioner, der letter effektiv kodeindtastning.

Uanset hvilken editor du vælger, dokumentet skal have en passende struktur, som består af overskriften og hoveddelen af ​​dokumentet. I sin enkleste form kan skelettet til et HTML-dokument se sådan ud:

 
<html>
<hoved>
</hoved>
<legeme>
</legeme>
</html>

Det er en meget forenklet struktur bestående af tre tags <html>, <hoved> jeg <legeme>. Markør <html> det inkluderer alle tags og rammer html-dokumentet. Inde i varen <hoved> der er en dokumentoverskrift, som skal indeholde de tags, der beskriver dokumentet. Et par tags <legeme> til gengæld bestemmer den hoveddelen af ​​dokumentet, det såkaldte organ (ang. krop - kroppen).

Den præsenterede struktur skal udvides med yderligere elementer, krævet af de gældende standarder. Det første element er dokumenttypedefinitionen af ​​DTD.

 
<!DOCTYPE html OFFENTLIG "-//W3C // DTD XHTML 1.0 Streng // EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns ="http://www.w3.org/1999/xhtml">
<hoved>
<titel>Sidetitel</titel>
</hoved>
<legeme>
</legeme>
</html>

Det andet er elementets attribut xmlns <html> informerende, at det er et XHTML-dokument.

Erklæringen om dokumenttypen informerer webbrowseren i henhold til. hvilke regler det givne HTML-dokument blev oprettet. På W3C-organisationens websted, beskæftiger sig med udviklingen af ​​webstandarder, der er en liste anbefalede typer dokumenter. Element <titel> er ansvarlig for dokumentets titel. For et websted vises titlen i titellinjen i webbrowservinduet.

Meta-elementer er placeret inde i overskriften, som definerer egenskaberne for et HTML-dokument, inklusive. hvordan dokumentet er kodet, beskrivelse af indholdet, angiv forfatteren eller angiv andre yderligere oplysninger.

 
<!DOCTYPE html OFFENTLIG "-//W3C // DTD XHTML 1.0 Streng // EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns ="http://www.w3.org/1999/xhtml">
<hoved>
  <meta http-equiv ="Indholdstype" indhold ="tekst / html; tegnsæt = iso-8859-2" />
  <meta http-equiv ="Indholdssprog" indhold ="pl" />
  <meta http-equiv ="Svar til" indhold ="adresse_email[abe]serwer.pl" />
  <meta http-equiv ="Oprettelsesdato" indhold ="Tor, 25 Dec 2008 10:36:53 GMT" />
  <meta navn ="Beskrivelse" indhold ="beskrivelse af indholdet" />
  <meta navn ="Nøgleord" indhold ="ord, nøgle" />
  <meta navn ="Forfatter" indhold ="q3d" />
  <meta navn ="Robotter" indhold ="alle" />
  <titel>Sidetitel</titel>
</hoved>
<legeme>

Den oprindeligt enkle struktur blev udvidet med et par ekstra elementer . En af de vigtigste er:

 
  <meta http-equiv ="Indholdstype" indhold ="tekst / html; tegnsæt = iso-8859-2" />

angivelse af tegnkodning, der bruges i teksteditoren, som blev brugt til at forberede dokumentet.

Sidehovedfragment:

 
  <meta http-equiv ="Indholdssprog" indhold ="pl" />
  <meta http-equiv ="Svar til" indhold ="adresse_email[abe]serwer.pl" />
  <meta http-equiv ="Oprettelsesdato" indhold ="Tor, 25 Dec 2008 10:36:53 GMT" />

informerer i overensstemmelse hermed om: dokumentets sprog, forfatterens e-mail-adresse og oprettelsesdato. Elementer:

 
  <meta navn ="Beskrivelse" indhold ="beskrivelse af indholdet" />
  <meta navn ="Nøgleord" indhold ="ord, nøgle" />

tidligere blev de brugt af søgemaskiner til at indeksere et websted, på nuværende tidspunkt er de imidlertid af mindre betydning. Derudover elementet:

 
  <meta navn ="Robotter" indhold ="alle" />

tillader webcrawlere at indeksere dokumentet.

HTML-dokumenter bruger ofte eksterne filer, herunder. lagring af oplysninger om formatering af dokumentets udseende og et ikon, der symboliserer dokumentet. Disse filer vedhæftes ved hjælp af elementet <titel> med den relevante værdi for rel.
Følgende eksempel, foretage de nødvendige ændringer, kan bruges til at oprette flere HTML-dokumenter.

 
<!DOCTYPE html OFFENTLIG "-//W3C // DTD XHTML 1.0 Streng // EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns ="http://www.w3.org/1999/xhtml">
<hoved>
  <meta http-equiv ="Indholdstype" indhold ="tekst / html; tegnsæt = iso-8859-2" />
  <meta navn ="Beskrivelse" indhold ="beskrivelse af indholdet" />
  <meta navn ="Nøgleord" indhold ="ord, nøgle" />
  <meta http-equiv ="Indholdssprog" indhold ="pl" />
  <meta navn ="Forfatter" indhold ="q3d" />
  <meta http-equiv ="Svar til" indhold ="adresse_email[abe]serwer.pl" />
  <meta http-equiv ="Oprettelsesdato" indhold ="Tor, 25 Dec 2008 10:36:53 GMT" />
  <meta navn ="Robotter" indhold ="alle" />
  <titel>Sidetitel</titel>
  <link rel ="Genvejsikon" href ="page_icon.ico" />
  <link rel ="Stilark" type ="tekst / css" href ="style.css" />
</hoved>
<legeme>

En tanke om “HTML-dokumentstruktur”

Efterlad et Svar

Din e-mail-adresse vil ikke blive offentliggjort. Nødvendige felter er markeret *