A nyelv alapjai xhtml a dokumentum struktúráját - a fejléc és a test

új anyagok

A dokumentum felépítése - a fejléc és a test

Mint már tudjuk, minden HTML dokumentum három részből áll:

  1. Tartalmazó sor verzióinformációját XHTML vagy HTML
  2. Dokumentum címpecséttel
  3. A test a dokumentum tartalmazza a megjelenített információ közvetlenül vagy meghatározó frameset.

A második és harmadik rész kell építeni a HTML tartályba. Ebben az esetben, ha a dokumentum létrehozása HTML 4.0 kifejezetten meghatározza konténerek egy dokumentum, a címét és a test nem kell, ha elhagyjuk, azt feltételezzük, hogy a böngésző fogja eldönteni, hol van. Ezért a nyitó és záró tag a fenti tételek megjelölt kötelező. Azonban a „szabályok az etikett” megköveteli, hogy ezeket a címkéket is jelen van. Minden más HTML elemek kezdeni tag szükséges. Az XHTML-dokumentumok szükség és záró címke, minden, és minden eleme. Ezen kívül, a szabályok XHTML összes tag és attribútumok kell kisbetűs.

Itt meg kell határozni bizonyos kifejezéseket használt tételek leírása. Ha a kompatibilitás, már megállapodott az elején a könyv, akkor még nem beszéltünk a mellékletet és egyediségét. Így a jellemzőit rögzítő határozza meg, hogy ha nem tud egy adott típusú elem a többi ugyanaz. Ie Ha a melléklet elfogadhatatlan, akkor ez a fajta struktúra rossz lesz:

Ami az egyediség, ha egy elem nyilvánított ingatlan, emlékeztetni kell arra, hogy a dokumentumban lehet benyújtani csak egyszer. Tehát a fenti példában nem érvényes kétszer HTML elem nem csak nem lehet tolni, de egyedi.

Verzió információ -! DOCTYPE

Bármely érvényes HTML és XHTML dokumentumnak tartalmaznia kell információt a változat a használt nyelv a dokumentumban. HTML és XHTML meghatározott három típusú dokumentumot:

  1. Szigorú - ez a dokumentum nem tartalmaz elemeket és attribútumokat törölték, és nem célja, hogy egy konténer keret.
  2. Átmeneti - a „puha” meghatározás. Tartalmazhat minden, és szigorú is, valamint törölt elemeket és attribútumokat.
  3. Frameset - azt jelzi, hogy a dokumentumot egy konténer egy sor kereteket. Azt nem lehet része a test.

Emellett ajánlott a HTML-dokumentumok és az XHTML - kell megadni a fájl tartalmazza a DTD - dokumentum típus definíció (Document Type Definition) a dokumentum típusa:

VIGYÁZAT
Ha megadja a címét a dokumentum típusát, majd legalább próbálja létrehozni a jövőben a lehető mereven betartani az előírt típusú.

A modern böngészők, beleértve még MSIE 6, ugyanazon az oldalon, ahol a DOCTYPE definíció és anélkül, hogy bizonyos esetekben, lehet különböző módon jelenjenek meg. Sőt, az összes változat a Firefox és a Chrome, Opera, az MSIE 7 és újabb reagál pontosan melyik változatát HTML vagy XHTML Set - Szigorú és átmeneti.

Tulajdonságok tag! Doctype

Tulajdonságok: nincs.
A záró címke nélkül.
Kompatibilitás: az összes.
Attachment: elfogadhatatlan (egy üres elem).

Megjegyzés
Üres elem egy olyan elem, amelynek semmi között a nyitó és záró tag, vagy egyszerűen nem rendelkező zárócímkéje HTML.

HTML elem

Miután a sor tájékoztatást a verzió, a többi dokumentumot kell csatolni a HTML tartályba. Szöveg kívül helyezte ezt az elemet lehet figyelmen kívül hagyni a böngésző, és bár a gyakorlatban ez nem történik meg, győződjön meg arról, hogy az összes tartalom a dokumentum tároló belsejében HTML.

Táblázat 2.1. Az attribútumok a HTML elem

Meghatározza az irányt a dokumentum szövegét

Listing 2.1. HTML elem

Tulajdonságok HTML tag

A záró és a nyitó címke: választható.
Kompatibilitás: az összes.
Attachment: elfogadhatatlan.
Egyedülálló: Igen.

HEAD elem

Ez az elem információkat tartalmaz az aktuális dokumentum - például egy címet, kulcsszavakat, és egyéb információk, amelyeket nem jelenik meg a dokumentumban. A böngészők nem jelenítik meg az információkat fejében elhelyezett tartály, de lehet használni más célokra.

Táblázat 2.2. Attribútumok HEAD elem

Listing 2.2. HEAD elem

header

Tulajdonságok HEAD tag

A záró és a nyitó címke: választható.
Kompatibilitás: az összes.
Attachment: elfogadhatatlan.
Egyedülálló: Igen.

Lang és DIR attribútumok

Most kezdjük megismerni az elemek a HTML, de már észre, hogy egyes attribútumok ismételni. Különösen ezek közé tartozik a LANG és DIR, melyek meghatározása az összes elemet, amely segítségével vissza semmilyen szöveget, más szóval - az összes elem kivételével APPLET, BASE, BASEFONT, BDO, BR, frame, FRAMESET, HR, IFRAME, PARAM, és script.

Mindkét attribútumok vezették be a HTML 4.0, hogy jobban támogassák nemzetközivé. Tehát, DIR attribútumot használják, hogy meghatározzák az irányt a kimeneti szöveges és a következő értékeket:

  • LTR - kijelző szöveget vagy adatokat a táblázatban balról jobbra (ez az alapértelmezett)
  • RTL - a teljes szöveg megjelenítéséhez vagy a táblázat adatainak jobbról balra.

LANG attribútum adja meg a nyelvet a dokumentum vagy annak egy részét. Ez segíthet azonosítani alternatív okmányok a keresőmotorok, segít felismerni a szöveget a beépített böngésző fordítók és beszédszinkronizálók stb Az érték a megfelelő nyelvet RFC1766. Például az orosz jelölték «ru» angol - «en» stb

Néhány nyilatkozatokat.

VIGYÁZAT
Az XHTML 1.1 helyett lang attribútum használja az XML attribútum: LANG.

Megjegyzés
Tény, hogy a HTML 4, amellett, hogy a két tulajdonságok, van is egy speciális eleme - BDO felelős a kimenő többirányú szöveget. De, mint az orosz (és bármely európai) nyelv nem fontos ez a téma marad hatályán kívül ezt a kiadványt.

CÍM elem és attribútum CÍM

Minden érvényes HTML vagy XHTML dokumentum kell cím eleme a fejét. Ez az elem meghatározására használható dokumentum tartalmát. A legtöbb böngésző (különösen az összes megvizsgált bennünket ebben a könyvben böngészők) kijelző sorok belsejében elhelyezett TITLE elem az ablak címét. Bár nem kifejezett hosszának korlátozása a szöveg nincs ott, de tényleg meg kell felelnie legfeljebb 40-50 karakter.

Az otthonom

2.3 táblázat. CÍM Attribútumai az

Meghatározza a szöveg irányát elemen belül

Mint látható, az összes attribútum CÍM elem csökken csak az utasítások a nyelv, amelyen meg van írva, ami a tartály belsejében. Ugyanakkor, a túlnyomó többsége meghatározott elemek attribútum címének, kiszolgáló fejléc (vagy tömör leírást) tartalmát egy ilyen elem. Kimenetként a böngésző ablak elemek CÍM attribútum értéke általában eszköztippként megjelennek ( «hint»).

tulajdonságok CÍM

Záró tag (TITLE elem) van szükség.
Kompatibilitás: CÍM elem - minden, CÍM attribútum - mindent.
Beágyazása (TITLE elem): elfogadhatatlan.
Egyedi (TITLE elem): igen.

META elem

A META elem segítségével közé tartoznak a különböző információkat a dokumentumot, valamint lehetőséget nyújt további útmutatást a kliens oldalon (böngésző) és a szerver. Ezt alkalmazzák a „tulajdon - érték” formátumban.

2.4 táblázat. Tulajdonságai a META elem

Meghatározza a szöveg irányát elemen belül

Nézzük a HTTP-EQUIV attribútumot. Így a META elem az alábbi meghatározás jelzi, hogy a dokumentum tartalmazza a szöveget HTML formátumban:

Ezen túlmenően azt lehet megadni, és a kódot az oldalon:

Megjegyzés: a perjel a végén: mert a szabályok HTML 4 META elemnek nincs záró tag, és XHTML -, ebben az esetben alkalmazta az úgynevezett „rövid szintaxis” záró címke. Ez az út sokkal előnyösebb, mint a konvencionális fedő címkét, mert ha a böngésző nem érti XHTML, ez olyan probléma léphet nekimegy szándékos tag a HTML.

Azt is meg kell jegyezni, hogy bár a W3C szabvány ajánlja, hogy mindig adja meg az értékét a karakterkészlet, kérdezze meg a kiszolgáló rendszergazdája konfigurációját érintő támogató orosz kódlapot. Az a tény, hogy gyakran használják az automatikus meghatározására az ügyfél platform, és a dokumentum transzkódolt már küldésekor a szerverről. Így a böngésző megpróbálja, hogy egy extra átkódolás, amely meg fog tenni, ha Charset van megadva.

A név, a HTTP-EQUIV attribútum számos közös tulajdonságait. Ezek közé tartoznak:

  • Frissítés - ez a funkció legtöbb böngésző által támogatott, és azt okozza, hogy túl a dokumentum egy időintervallum után meghatározott másodperc.
  • Lejár - meghatározza azt az időpontot, amely után a dokumentum elavulttá válik. Ez okozza a böngésző kellene letölteni a dokumentumot a hálózat, és nem a gyorsítótárból.
  • Content-type - jelzi a fájltípust
  • Content-style-type - típusát jelzi által alkalmazott stíluslap
  • Content-script-típus - jelöli az alapértelmezett programozási nyelv használható

Ha behelyez egy kódot, mint ez, akkor betöltődik percenként.

Ha már beállította a dátumot a múltban (mint a példában), a dokumentum mindig betöltődik közvetlenül a hálózathoz.

META tulajdonságok

A záró tag: csak XHTML.
Kompatibilitás: az összes.
Attachment: elfogadhatatlan (egy üres elem).
Egyedülálló: nincs.

BODY elem

BODY tartály tartalmazza az összes tartalmát a benyújtandó dokumentumot a felhasználó számára. Ha a dokumentum egy konténer keret, akkor nem kell szerepelnie a BODY elem.

Listing 2.3. BODY elem

2.5 táblázat. Tulajdonságai a BODY elem

Meghatározza a végrehajtandó műveletet, amikor egy billentyű elengedésekor

VIGYÁZAT
Mivel számos táblázatban felsorolt ​​2,5 attribútumok, köztük id, osztály, lang, dir, a stílus és a cím gyakorlatilag minden elemét XHTML, a jövőben nem jelennek meg és anélkül egyes leírások.

A 2.4 felsorolás egy példát mutat a törölt attribútumok használatával.

Lista 2.4. Formázás HTML 3.2 stílusában

Végrehajtás a BODY tag törölt elemeivel . Ez a dokumentum több mint a HTML 3.2, mint a modern.

Ez a dokumentum valójában nem illeszkedik a "HTML 4.01 átmeneti" definíciójába, mert a LEFTMARGIN attribútumot nem használják a HTML-specifikációban. Ha érvényes HTML- vagy XHTML-dokumentumot szeretne létrehozni, használjon stíluslapokat ezekre a célokra, amint azt a 2.5.

Lista 2.5. Modern formázás

Tervezés CSS használatával Ez a dokumentum megfelelő módon kerül kiadásra: nincsenek elavult attribútumok, és a formázás a kaszkád stíluslapok használatával történik.

BODY tulajdonságai

A címkék megnyitása és zárása: opcionális.
Kompatibilitás: mindent.
Melléklet: nem megengedett.
Egyedülálló: igen.

Csoportelemek: DIV és SPAN

A BODY minden eleme blokk szintű elemekre és szövegelemekre vagy szövegszintű elemekre oszlik. A különbség a következő pontokra korlátozódik:

  1. A blokkszintű elemek magukban tartalmazhatnak beépített elemeket és más blokkszintű elemeket. Más szóval, a blokkszintű elemek globálisabb (nagyobb) struktúrát képeznek, mint a beépítettek.
  2. A böngésző jellemzően egy blokkszintű elemeket ad ki egy új sorból, míg a szöveg a közös kimeneti dokumentumban lévő kimenetet adja.

A DIV elem blokkszintű elemekre utal, és a SPAN hivatkozik beépített vagy sztringelemekre (inline). Mindkettő a dokumentum megfelelő részét formázólapokkal formázza. A gyakorlatban a DIV-t arra is használják, hogy több bekezdést egy csoportba egyesítsen, amint azt a 2.6. Listában is láthatjuk (a kész fájl a Part_2 \ Structural mappában található).

Lista 2.6. Csoportosítási elemek használata

Amikor megjeleníti a fenti kódot, az első és a második DIV konténerben található összes szöveg szürkén és középre kerül, kivéve a SPAN csomagolású vonal fehér háttérrel rendelkező részét (2.1 ábra).

Ábra. 2.1. Csoportosítás és tervezés a DIV és SPAN elemek felhasználásával

Mindkét elem ugyanazokkal a tulajdonságokkal rendelkezik, mint a 2.6. Táblázat. A kivétel csak a törölt ALIGN attribútum, amely csak a DIV-hez érhető el. A szöveg igazításáért felelős, és négy értéket vehet fel: Középső, Bal, Jobb és Justify, amelyek a szöveg középpontját, a bal oldali vonalat, a jobb oldali beállítást és a szélességet eredményezik:

Szóval senki sem!
És így - még!

2.6. Táblázat A DIV és a SPAN elemek tulajdonságai

Kapcsolódó cikkek