Webmaster hogyan lehet létrehozni a webhelyén
14.1 Bevezetés
- használja a megfelelő HTML kiterjesztés;
- átalakítani szöveget egy képet;
- a képek kezeléséhez terek;
- táblázatok segítségével a szöveg formázása;
- programok írásának használata helyett HTML.
Ezek a módszerek természetesen bonyolítja oldalak Web korlátozott cselekvési szabadságot, ami kompatibilitási problémák és nehézségek a felhasználók fizikai kihívásokat.
Stíluslapok megoldani ezeket a problémákat, ugyanakkor túlmutatnak a szűk jelentési mechanizmusokat HTML. A stíluslapok segítségével könnyen telepíthető sorköz, francia, szöveg és a háttér színét, méretét és betűtípusát és egyéb részleteket.
Például, ez a kis CSS (stíluslap) található a „special.css” fájl határozza meg a szöveg színét bekezdés a zöld, körülvéve a szilárd piros szegéllyel:
A HTML 4 támogat a következő stíluslapot:
Stíluslapok, ezzel szemben alkalmazni konkrét médiumban médiacsoport. A táblázat jól jöhet a képernyő működhet, ha a nyomtatás a nyomtató, de nem jól alkalmas beszéd böngészők.
Ez a specifikáció lehetővé teszi, hogy meghatározza a készülék egy széles, amelyben ez a stíluslap lehet használni. Ez lehetővé teszi a felhasználói alkalmazások (PA), hogy zárja ki a nem megfelelő stíluslapok. Nyelvek stíluslapok leírását tartalmazza funkciók ugyanannál az asztalnál, attól függően, hogy a hordozó típusát.
Ez most azt javasolta, hogy megoldja ezt a problémát többek között az erre vonatkozó utasításokat közvetlenül mindegyik HTML elem. Információ bemutatása ebben az esetben mindig elérhető a PA, ha az egy adott elem.
14.2 hozzáadása stílust HTML
HTML dokumentumok tartalmazhatnak stíluslap szabályok közvetlenül önmagában vagy import stíluslapok.
Bármilyen stíluslap nyelv használható HTML-ben. Egyszerű nyelv igényeinek kielégítésére a legtöbb felhasználó számára, de más nyelvek alkalmasabbak specifikus feladatok megoldásában. Ebben a leírásban, akkor használja a stílus nyelv "Cascading Style Sheets" ([CSS1]), rövidítve - CSS.
Syntax stílus függ a stíluslap nyelv.
A böngészőknek meg kell határoznia az alapértelmezett nyelv a dokumentum stílusát lapot a következő (csökkenő prioritás):
style = stílus [CN] Ez az attribútum határozza meg a stílust információk az elem.
CSS Ez a példa a szín és betűtípus a szöveg rész:
14.2.3 Információ a stílus a címlapra. STYLE elem
Attribútumok máshol definiált
STYLE elem lehetővé teszi, hogy helyezze stílus információt a „fejléc” a dokumentum. HTML megengedi bármennyi elemeket tartalmaz a fejrész a dokumentumot.
PA, amelyek nem támogatják a stíluslapok, vagy nem támogatja azt a konkrét stíluslap nyelv által használt stílust. Meg kell elrejteni a tartalmát a STYLE elem. Rossz fog megjelenni a tartalom egy része a szövegnek a dokumentumban. Néhány stíluslap nyelv lehet elrejteni tartalom nem megfelelő felhasználói alkalmazások szintaxis.
Egyes megvalósítások asztal stílus lehetővé teheti egy nagyobb szabályrendszer a STYLE elem. inkább, mint a stílus attribútum. Például, ha van CSS szabályokat lehet nyilvánítani a STYLE elem:
- minden objektumot egy bizonyos elem HTML (pl összes elem P. minden elem H1, stb);
- Minden objektum egy HTML-elem tartozó egy bizonyos osztály (vagyis azok, akiknek class tulajdonság értéke néhány érték);
- egyes objektumokat elemek HTML (azaz azok, amelyeknek id attribútum értéke egy bizonyos értéket).
Szabályok hierarchia és öröklés függ a stílus a stíluslap nyelv.
Hogy ez a stílus információkat csak azokra a bizonyos típusú H1 elemek, mi fog változni, mint ez:
Végül a láthatóságot korlátozza stílus információ egyetlen objektum H1. set attribútumok id:
Bár a stílus információt lehet állítani szinte minden eleme HTML, ketten, DIV és SPAN. általánosan használt úgy, hogy nincs szemantikai reprezentáció (kivéve blokk vagy inline). Kombinálva stylesheet, ezek az elemek lehetővé teszik a felhasználók kiterjeszteni HTML, különösen akkor, ha az attribútumok a class és id.
Ebben a példában használjuk a span elem beállításához betűtípus stílus egy pár szót az elején a bekezdés kis sapkák.
Ebben a példában a DIV és az osztály attribútum összehangolni szöveges formátumban több bekezdést, alkotó képzetes részének tudományos cikket. Ez a stílus információkat lehet újra felhasználni egy másik panelt beállításával class attribútumot a kívánt helyre a dokumentumban.
Itt a hozzáadott hanghatások horgonyok felhasználásra beszéd:
Media-elem különösen fontos, ha felvisszük egy stíluslapot, mert a PA időt takaríthat kérelmező csak azokat a táblákat, amelyek közvetlenül alkalmazható az aktuális hálózati eszköz. Például hangos böngészők megszünteti a betöltés stíluslapok létrehozott vizuális megjelenítésére. Lásd. Még a média-függő folyamatokhoz.
14.3 Külső stíluslapok
14.3.1 Main és alternatív stíluslapok
HTML lehetővé teszi, hogy a társult tetszőleges számú külső stíluslapok a dokumentumot. Nyelv stílus lap meghatározza, hogy hány külső stíluslapok kölcsönhatásba a dokumentum (például „lépcsőzetes” a CSS-szabályok).
A böngészőknek figyelembe kell vennie a média-leírók segítségével bármilyen stílusú lapot.
- href jelzi a helyét a stíluslap fájlt. Az érték href URI;
- az érték a type attribútum határozza meg a nyelvet a kapcsolt erőforrás (stíluslapok). Ez lehetővé teszi a felhasználó számára, hogy elkerüljék ügynök letölti stíluslapok nem támogatott stíluslap nyelv;
- meghatározzuk stíluslap állandó bázis vagy egy alternatív:
- hogy egy állandó asztal, meg a rel attribútumot „stylesheet”, és nem állítja be az attribútum neve;
- hogy a főtábla, meg a rel attribútumot „stylesheet”, és nevét a attribútum tábla neve;
- hogy egy alternatív táblázatot, beállítva a rel attribútumot „alternatív stylesheet”, és nevét a táblát a cím attribútumot.
A felhasználói ügynök lehetővé teszi a felhasználónak, hogy megtalálja az alternatív stílus közül lehet választani azt. Az érték a cím attribútum ajánlott, mint a neve minden egyes kiválasztási tételt.
Ebben a példában definiálunk egy állandó stíluslap, amely mystyle.css file:
Hozzáadása a kulcsszó „alternatív”, hogy a rel attribútum teszi az alternatív stílus mérleg:
További információk a stíluslapok, lásd. Szakasz hivatkozásokat és a külső stíluslapok.
Ha két vagy több LINK elem határozza meg az alapvető stílusát lapot, az első táblázat az előnye.
Összefoglaló stylesheet meghatározott META vagy HTTP fejléc előnyhöz asztalok meghatározott LINK elem.
14.4 Cascading Style Sheets
A következő példában megadjuk a két alternatív stíluslapok nevű „kompakt”. Ha a felhasználó kiválasztja a stílusa „kompakt”, a böngésző kell alkalmazni mind a külső stíluslapok, valamint egy állandó táblázatstílusokat „common.css”. Ha a felhasználó kiválasztja a stílus „nagy betűs”, csak egy alternatív tábla „bigprint.css” és állandó „common.css” kell alkalmazni.
Példa kaszkád használó LINK és stílus elemek.
Cascade tartalmazhat stylesheet alkalmazzák a különböző média típusok. És a link. Stílust, és lehet használni a tulajdonság média. PA ebben az esetben felelős kiszűri azokat táblák nem vonatkoznak erre a járműre.
A következő példában definiálunk egy lépcsőzetes, ahol az asztalon „vállalati” adják több változatban: az egyik a nyomtatott és egy display és egy hangos böngészők (használt, mint mondják, ha elolvassa az e-mail az autó). Táblázat „techreport” alkalmazható az összes média. Jellemzően szín, egy bizonyos eleme a stílus. használt nyomtatott és képernyőn, de nem beszéd bemutatót.
14.4.2 öröklődés és a lépcsőzetes
Ha a PA szeretné megjeleníteni a dokumentumot, akkor meg kell találni az értékeket stílus tulajdonságait, például a betűtípus család, a betűtípust, betűméretet, sormagasság, a szöveg színe, és így tovább. A pontos mechanizmus függ stíluslap nyelv, de a következő leírás általánosan alkalmazható:
lépcsőzetes mechanizmust használnak, ha több stílust alkalmazott szabályok közvetlenül az elem. Ez a mechanizmus lehetővé teszi, hogy a kliens, hogy rendezze a szabályokat sajátosság, hogy melyik szabályt alkalmazni. Ha nem egyezik semmilyen szabályt, a következő lépés attól függ, hogy nem öröklik az ingatlan stílusban. Nem minden ingatlan lehet örökletes. Mert ezek a tulajdonságok a stíluslap nyelv alapértékek használatára, ha nincs kifejezett szabályokat az adott elem.
14.5 elrejtése stílus adatokat a felhasználói alkalmazások (PA)
Ez a rész csak a PA, amelyek megfelelnek a változat a HTTP, amely meghatározza a Link fejléccel. Megjegyezzük, hogy a HTTP 1.1, meghatározott [RFC2616], nem tartalmazza a Link fejléccel (lásd. Fejezet 19.6.3).
Menedzserek webszerveré kényelmesebb lehet beállítani a szervert, hogy egy stíluslapot az oldalhoz csoport. Cím HTTP kapcsolat ugyanaz a hatása, mint a LINK elem azonos attribútumokat és értékeket. Több link fejrész több LINK elemekkel. megjelenő ugyanabban a sorrendben. Például:
Megadhatjuk több alternatív stílusok segítségével több link fejlécét. majd a rel attribútum határozza meg az alapértelmezett stílus.
Ebben a példában a „kompakt” alkalmazzák alapértelmezés szerint, mivel kimaradt a kulcsszó „alternatív”, hogy a rel attribútum.
LINK és meta elemek. A HTTP-fejlécek meghatározása előtt bekövetkezett természetesen néhány eleme LINK és a META a fejét a dokumentumot.