Tutorial html 5
Tanulás CSS 3 (Cascading Style Sheets)
címke metaadatokat tartalmaz a HTML dokumentumról. A metaadatok nem jelennek meg az oldalon, de a böngészők és a keresőmotorok értelmezik.
A dokumentum kódolásának megadása
címke lehetővé teszi, hogy megmondja a látogató böngészőjében, hogy melyik karakterkészlet és melyik kódolás a weboldalon. A karakterkészlet attribútum (a címke HTML-je ) a HTML-dokumentum karakterkódolását határozza meg.
Ebben a példában az elem segítségével állítjuk be az UTF-8 dokumentum kódolását és a karakterkészlet attribútum. Az UTF-8 kódolása az egyik szabványos és standardizált szövegkódolás, amely lehetővé teszi Unicode karakterek tárolását.
A HTML 5 szabvány nem igényel specifikus kódolást, de az UTF-8 kódolás használatát javasolja. Nem ajánlott az ASCII, CESU-8, UTF-7, BOCU-1, SCSU és UTF-32 kódolások különböző okokból történő használata.
Jó gyakorlatnak tekinthető, és erősen ajánlott egy karakterkészlet (kódolás) meghatározása a karakterkészlet attribútummal. A karakterkészlet attribútum csak egy része az algoritmának, amely meghatározza az oldal kódolását a böngészőben. Először a karakterkódolást kell megadnia elem (ha több használatos). Megjegyezzük, hogy egy dokumentum esetében csak egy kódolást ad meg.
Elméletileg bármilyen kódolás használható, de a böngésző nem érti mindet. A gyakoribb karakterkódolás használata növeli annak a lehetőségét, hogy a böngésző meg fogja érteni. A kódolások teljes listája elérhető a iana.org webhelyen.
Gyakran használt metacímke
A metaadatok két fő csoportra oszthatók:
Együtt az elemkel Egy másik attribútumot, tartalmat használnak. fő feladata az attribútumok nevével és a http-equiv-kal kapcsolatos értékek beállítása. a kontextustól függően. Ha az egyik ilyen attribútum meg van adva, akkor a tartalom attribútumnak jelen kell lennie az érték beállításához. Ha a http-equiv attribútumot használja, akkor a metatag címkéjén nem kell megadni a névtulajdonságot.
Tekintsük a címke általánosan használt felhasználási módjait .
A címkén szereplő leírás nagyon fontos, a keresőmotorok az indexelés során figyelembe veszik. A példa tartalmi attribútuma tartalmaz egy adott webhely weboldalának leírását. Nem javasolt hosszú leírások használata.
Ez a kulcsszavak listája (amely egy adott oldalra vonatkozik). Sok vita van arra vonatkozóan, hogy a keresőmotorok figyelembe veszik-e ezt az értéket a Google meta tagjai által használt listán alapulva, ez nem veszi figyelembe ezt a metataget, és a Yandex bizonyos esetekben fenntartja magának a jogot.
Nézzünk egy példát a meta-címkék használatára:
Ebben a példában három elemet használtunk :
A http-equiv attribútum
A http-equiv attribútum egyenértékű egy hipertext fejléccel (http-header utánzás), amely az oldal címét és annak feldolgozását határozza meg. Általában a böngészők tevékenységét szabályozzák, és a rendszeres http-fejlécek által kibocsátott információk generálására használják őket. A fejléc nevét a http-equiv attribútum adja meg. és az érték szerepel a tartalom attribútumban. Bizonyos esetekben automatikusan lefordíthatók valós HTTP fejlécekre.
Tekintsünk egy példát annak használatára:
Ebben a példában három elemet használtunk amelyhez a http-equiv attribútum különböző értékeit adták meg:
Indexelő oldalak
A keresőmotorok az oldalak indexelése során használják:
Annak érdekében, hogy a mobil böngészők ne változtassák meg automatikusan a webhely oldalainak méretét, a címke szükséges
helyezze el a meta címkét, amely megmutatja a böngészőnek az oldalméretek kezelését és a skála megváltoztatását:Megadja a minimális zoom értéket (legfeljebb a maximális skála). Az érték 0,0 és 10,0 közötti pozitív egész szám.
Megadja a maximális zoom értéket (legfeljebb a minimális skála). Az érték 0,0 és 10,0 közötti pozitív egész szám.
Boolean érték, amely meghatározza, hogy egy felhasználó nagyíthatja-e a weboldalt. Az alapértelmezett érték igen (a felhasználó nagyíthatja a képet).
Internet Explorer módok kezelése
Az oldalakon jelen lévő végső metatag, amely a megadott tartalomértéktől függően lehetővé teszi, hogy az aktuálisan használt verziótól függően meg tudja adni az Internet Explorer számára, hogyan jelenítse meg a dokumentumot (melyik módban):
A tartalom attribútum megadja az oldal módját, például az Internet Explorer 7 működésének szimulálására. Az IE = EmulateIE7 megadása. Adja meg az IE = 5 értéket. IE = 7 vagy IE = 8. Egy kompatibilitási mód közül választhat. Beállíthatja az IE = élességet is. Az Internet Explorer 8 legmagasabb rendelkezésre álló módjának használata. Az IE = él értesíti a felhasználó böngészőjét, hogy a dokumentum megjelenítéséhez a legutolsó elérhető módot használja, használja ezt az értéket az oldalain.
A metaadatok helyes elhelyezése a webhely minden oldalán vonzóvá teszi a keresőmotorokat, és egyszerűsíti az indexelési folyamatot.
A téma témái és feladata
Mielőtt folytatná a CSS 3 tanulmányozását, válaszoljon a következő kérdésre:
- Melyik négy metacímkéket kell használni, ha webhelyének oldala tájékoztató jellegű és mobilalkalmazásokhoz készült?
1. Erősen ajánlott meghatározni a karakterkészletet (kódolást) a dokumentumban:
2. A következő meta-címke leírása nagyon fontos: a keresőmotorok az indexelés során figyelembe veszik őket, és a keresési eredményekben használják őket:
3. Annak biztosítása érdekében, hogy a mobil böngészők ne változtassák meg automatikusan a webhelyoldal méretét, a következő metataget kell használnia:
4. Az Internet Explorer böngészők helyes (azonos típusú) megjelenítéséhez a következő metataget kell használnia:
Tanulás CSS 3 (Cascading Style Sheets)