Logické a fyzické formátovanie
Na formátovanie textu dokumentov HTML je k dispozícii celá skupina značiek, ktoré je možné podmienečne rozdeliť na značky logické a fyzické formátovanie.
Booleovské formátovacie značky označujú (svojimi vlastnými menami) ich štrukturálne typy fragmenty textu, ako je napr. programový kód(značka
), citovať(značka<СIТЕ>
), skratka(značka< ABBR>) ATĎ.
Používanie značiek<ЕМ>a jednotlivé fragmenty môžete napríklad označiť ako pridelené alebo vysoko distingvovaný.Všimni si prichádza O štrukturálne označeniečo neovplyvňuje konkrétne zobrazenie fragmentu prehliadačom. Preto sa toto označenie nazýva logické.
Fragmenty s logickým formátovaním zobrazujú prehliadače určitým spôsobom, ktorý je štandardne nastavený. Typ zobrazenia nemá nič spoločné so štruktúrnym typom fragmentu (t. j. názvom značky logického formátovania), ale dá sa ľahko prepísať.
Tagy fyzické formátovanie definovať formát zobrazenia zadaný fragment textu v okne prehliadača.
Napríklad na zobrazenie fragmentu kurzívou môžete použiť kurzívu .
Medzi vývojármi HTML dlho debatovalo sa o výhodách a nevýhodách toho či onoho prístupu. S vydaním špecifikácie HTML 4.0 sa táto debata skončila v prospech použitia logického formátovania, keďže bol deklarovaný princíp oddelenia štruktúry dokumentu od jeho prezentácie. Len na základe logického formátovania je možné flexibilne riadiť prezentáciu dokumentu pomocou moderných metód (na základe štýlov, dynamicky sa meniacich dokumentov atď.).
Avšak, na v súčasnosti fyzické formátovanie je možné použiť aj voľne. V špecifikácii HTML 4.0 je používanie niektorých značiek fyzického formátovania zastarané, zatiaľ ich však stále podporujú všetky prehliadače. Všimnite si, že niektoré značky logického formátovania určené na nahradenie jednotlivých značiek fyzického formátovania nie sú rozpoznané všetkými prehliadačmi, a preto je ich používanie mimoriadne nepohodlné.
Booleovské značky formátovania textu
Tag
Tag< ABBR> označí váš text ako skratka(Skratka).
Jazyk Html bol vyvinutý britským vedcom Timom Berners-Lee okolo roku 1991-1992 v rámci múrov Európskej rady pre jadrový výskum v Ženeve (Švajčiarsko). HTML bol vytvorený ako jazyk na výmenu vedeckej a technickej dokumentácie, vhodný pre ľudí, ktorí nie sú špecialistami v oblasti rozloženia.
Tag
Tag< AKRONYM>... Rovnako ako tag< ABBR>, používa sa na označenie skratiek. Tento štítok sa odporúča označiť tzv akronymy,T. teda hovorené slová zložené zo skratiek. Tag< AKRONYM> možno v budúcnosti bude slúžiť na nevizuálne zobrazovanie prvkov, napríklad pri syntéze reči.
Táto značka je užitočná v kombinácii s parametrom TITLE, ktorý možno použiť na určenie plnej verzie skratky. Potom vizuálne prehliadače pri umiestnení kurzora myši nad text označený značkou< AKRONYM>, zobrazí celé meno ako popis, ktorý sa zobrazí.
TPU.
Značka H1 ... H6
HTML ponúka šesť nadpisov na rôznych úrovniach, ktoré označujú relatívnu dôležitosť sekcie za nadpisom. Takže značka
predstavuje najdôležitejší nadpis prvej úrovne a značku slúži na označenie nadpisu šiestej úrovne a je najmenej významný. Štandardne sa nadpis prvej úrovne zobrazuje najväčším tučným písmom, nadpisy ďalšej úrovne sú menšie. Tagy
... odkazujú na blokové prvky, začínajú vždy na novom riadku a po nich sa na ďalšom riadku zobrazia ďalšie položky. Okrem toho sa pred a za nadpisom pridá biele miesto. Vzhľad hlavičky možno jednoducho ovládať pomocou štýlov.
... odkazujú na blokové prvky, začínajú vždy na novom riadku a po nich sa na ďalšom riadku zobrazia ďalšie položky. Okrem toho sa pred a za nadpisom pridá biele miesto. Vzhľad hlavičky možno jednoducho ovládať pomocou štýlov.
Nadpis prvej úrovne
Nadpis druhej úrovne
Nadpis tretej úrovne
V prehliadači to bude vyzerať takto:
Tag<СIТЕ>
Tag používa sa na označenie citácií alebo názvov kníh a článkov, odkazov na iné zdroje atď. Prehliadače zvyčajne zobrazujú takýto text kurzívou.
Človeku nemôžete povedať: "Môžeš tvoriť. Tak poď, tvor." Oveľa správnejšie je počkať, kým on sám povie: "Viem tvoriť a budem tvoriť, či sa ti to páči alebo nie."
Isaac Asimov
Tag
Tag označí váš text ako malý kúsok programového kódu Zvyčajne sa zobrazuje písmom s jednotnou medzerou. Táto značka by sa nemala zamieňať so značkou
Prvok na úrovni bloku, ktorý sa má použiť na označenie veľké úryvky (výpisy) kódu.
Programový kód
function checkParent (src, dest) (
while (src! = null) (
if (src.tagName == dest) return src
src = src.parentElement
}
return null
}
Tag
Tag označí váš text ako diaľkový Tento prvok je užitočný na označenie zmien vykonaných v dokumente z verzie na verziu. Tag možno použiť ako prvok na úrovni textu a ako prvok na úrovni bloku.
Značka má dva voliteľné parametre: CITE a DATETIME. Hodnota parametra CITE musí byť adresa URL dokumentu, ktorý vysvetľuje, prečo bol fragment odstránený.
Parameter DATETIME určuje dátum vymazania vo formáte: YYYY-MM-DDThh: mm: ssTZD, ktorý určuje rok, mesiac, deň, hodiny, minúty a sekundy vymazania, ako aj časové pásmo.
Značky na formátovanie fyzického textu
Tag
Značka medzi nimi má vlastnosti tučného textu. Má atribút title – volá text vo forme popisku.
Tag
Táto značka zväčšuje veľkosť zobrazenia textu Má atribút title – volá text vo forme tooltipu.
Príklad fyzického formátovania
Tag
Vyberie písmo pre text. Vlastnosti:
- veľkosť - veľkosť textu od 1 do 7
- farba - farba textu
Príklad fyzického formátovania
Tag
Táto značka vkladá na stránku vodorovnú čiaru. Vlastnosti:
- veľkosť - výška a hrúbka čiary
- šírka - šírka čiary
- noshade - vytvorte linku bez tieňa
- farba - zmení farbu čiary
Hoci HTML obsahuje značky na dosiahnutie rôznych efektov písma (tučné, kurzíva, podčiarknuté), nie všetky prehliadače ich podporujú. Všetky prehliadače však podporujú určitú formu výberu textu. Preto použitie logického formátovania textu v každom prípade povedie k tomu, že divák vyberie rôzne časti textu a odhalí štruktúru dokumentu.
Keď hovoríme o logickom označovaní textu, existujú dve hlavné časti:
Zvýraznenie nadpisov v dokumente; logický výber textových prvkov.
Názov dokumentu určený pomocou značky
Ak sa pozriete na túto kapitolu, Booleovské formátovanie je na úrovni 3, Hypertextové formátovanie na úrovni 2 a Základy HTML na úrovni 1. V praxi sa nadpisy štvrtej a vyššej úrovne nachádzajú len vo veľmi rozsiahlych dokumentoch.
Príklad
Nadpis úrovne 1
Nadpis úrovne 2
Úroveň nadpisu 3
Nadpis úrovne 4
Nadpis úrovne 5
Nadpis úrovne 6
Pamätajte, že ak zabudnete vložiť koncovú značku nadpisu, stránka bude vyzerať zdeformovane: ktorákoľvek zo značiek nadpisu automaticky vloží pred a za ne prázdny riadok.
Značky nadpisov podporujú atribút ALIGN, ktorý má rovnaký účinok ako značka zvýraznenia odseku.
Prvky logického výberu textových fragmentov, ako aj možný dizajn každého z nich sú uvedené v tabuľke.
Tagy | Aplikácia | Výsledok |
---|---|---|
Používa sa na zvýraznenie citátov alebo názvov kníh a článkov | Používa sa na zvýraznenie citátov alebo názvov kníh a článkov | |
|
Používa sa na výstup malého kúsku programového kódu
|
Používa sa na výstup malého kúsku programového kódu |
Používa sa na zvýraznenie dôležitých častí textu | Používa sa na zvýraznenie dôležitých častí textu | |
Zvýrazňuje text zadaný používateľom z klávesnice | Zvýrazňuje text zadaný používateľom z klávesnice | |
Používa sa na zvýraznenie textu príkladu | Používa sa na zvýraznenie textu príkladu | |
Používa sa na zvýraznenie veľmi dôležitých častí textu | Používa sa na zvýraznenie veľmi dôležitých častí textu | |
Používa sa na označenie názvov premenných | Používa sa na označenie názvov premenných | |
|
Používa sa na označenie odstráneného textu |
Pravdepodobne ste si všimli, že niektoré prvky logických textových značiek poskytujú rovnaký výsledok. Prečo je teda potrebná taká rozmanitosť? Odpoveď na túto otázku je obsiahnutá v názve tejto skupiny značiek. Sú navrhnuté tak, aby kládli logické dôrazy, zvýraznili logické časti a zdôraznili podstatu výrokov. Ich použitie je veľmi dôležité, pretože pravdepodobne v blízkej budúcnosti bude možné napríklad vyhľadávať citáty vo webovom priestore a možno sa nová generácia prehliadačov naučí čítať dokumenty nahlas. Softvér na rozpoznávanie stresu nahradí dnešné monotónne rečové procesory.
Na zvýraznenie dlhých úvodzoviek z hlavného textu v HTML existuje značka
... Tento prvok je kontajner a môže obsahovať ľubovoľné formátovacie značky.Moderné prehliadače reagujú na prvok
posunutím textu citátu doprava. Niektoré textové prehliadače označujú citácie znakmi > v ľavom stĺpci obrazovky. Keďže väčšina dnešných prehliadačov sú grafické programy,umožňuje autorom pridať do textu určitú vizuálnu rozmanitosť.Čo je HTML
World Wide Web (WWW) je tvorený webovými stránkami, ktoré sú vytvorené pomocou takzvaného HyperText Markup Language (HTML). Hoci veľa ľudí hovorí o programovaní v tomto jazyku, HTML vôbec nie je programovací jazyk v tradičnom slova zmysle. HTML je značkovací jazyk pre dokument. Pri vývoji dokumentu HTML sa označenie textového dokumentu vykonáva rovnakým spôsobom ako editor s červenou ceruzkou. Tieto značky slúžia na označenie formy prezentácie informácií obsiahnutých v dokumente.
Špeciálne prehliadače HTML, často označované ako prehliadače, interpretujú súbory vo formáte HTML, formátujú ich ako webové stránky a zobrazujú ich obsah na obrazovke počítača používateľa. Existuje veľké množstvo prehliadačových programov vyvinutých rôznymi spoločnosťami, ale dnes z celej palety programov jednoznačne vyčnievajú dva popredné programy - Netscape Communicator a Microsoft Internet Explorer.
Netscape Navigator je vyvinutý spoločnosťou Netscape Communications Corporation. Ako pri mnohých softvérových produktoch, aj tohto programu existuje množstvo verzií. Najnovšia verzia Netscape Communicator v čase písania tohto článku je verzia 4.7. Internet Explorer bol vyvinutý spoločnosťou Microsoft. Najnovšia verzia tohto programu je 5.0.
Ostatné prehliadače výrazne zaostávajú v popularite. Pred niekoľkými rokmi bol prehliadač Netscape popredným prehliadačom, pričom viac ako dve tretiny jeho používateľov používali tento konkrétny prehliadač. S vydaním svojho prehliadača Microsoft vynaložil veľké úsilie, aby dobyl túto časť trhu. Médiá často
objavili sa správy o vojne medzi prehliadačmi o používateľov. Teraz sú tieto dva prehliadače porovnateľné v popularite. Rastúca popularita prehliadača Microsoft je podporovaná zahrnutím prehliadača do operačného systému Windows 98, avšak v konečnom dôsledku zostáva výber prehliadača na používateľovi.
Moderné prehliadače sú bohaté na možnosti, ale hlavnou vecou pre nich je interpretácia dokumentov označených podľa pravidiel HTML. Táto kniha je venovaná hlavne opisu týchto pravidiel. V prvej časti sa budeme venovať iba základným princípom vytvárania HTML dokumentov.
Aby sme pochopili, čo je značkovací jazyk, spomeňme si na staré dobré časy, keď veľa ľudí pracovalo s textovými editormi ako WordStar. V nich, aby sa zvýraznila fráza, napríklad tučným písmom, boli na jej začiatok a koniec vložené špeciálne značky (/ B a / b):
/B Tento text sa zobrazí tučným písmom / b
Pri výstupe takéhoto textu do tlačového zariadenia (ešte nehovoríme o displejoch, tie v tých vzdialených časoch buď vôbec neexistovali, alebo boli alfanumerické displeje, ktoré neumožňovali meniť fonty) boli znaky/in nútené použiť tučné písmo. kým nebudú znaky / b.
HTML funguje rovnakým spôsobom. Ak je potrebné zvýrazniť text na obrazovke tučným písmom, môžete to urobiť rovnakým spôsobom:
Tento text sa zobrazí tučným písmom.
Symboly obsahovať tučné písmo a znaky vypnite to. Takéto znaky, ktoré ovládajú zobrazovanie textu a zároveň sa samy nezobrazujú na obrazovke, sa v HTML zvyčajne nazývajú tagy (z anglického slova tag - štítok, znak).
Všetky značky HTML sú oddelené oddeľovačmi (< и >), medzi ktoré je zapísaný identifikátor (názov) značky (v našom príklade je to in), prípadne jej parametre. Jedinou výnimkou z tohto pravidla sú značky komentárov so zložitejšími oddeľovačmi (). Názvy značiek, ako aj ich parametre je možné zapísať do ľubovoľného registra. Kvôli konzistentnosti v celej tejto knihe je väčšina značiek napísaná veľkými písmenami.
Väčšina HTML tagov sa používa v pároch, to znamená, že pre určitý tag, nazvime ho otvárací tag, má dokument zodpovedajúci záverečný tag. Podľa pravidiel HTML sa uzatváracia značka píše rovnakým spôsobom ako otváracia značka, ale so znakom / (lomka) pred názvom značky. Jediný zásadný rozdiel medzi pármi značiek je v tom, že koncové značky nepoužívajú parametre.
Značky, ktoré potrebujú zodpovedajúce koncové značky, sa budú nazývať kontajnerové značky. Všetko, čo je napísané medzi príslušnými otváracími a zatváracími značkami, sa bude nazývať obsah kontajnerovej značky. Niekedy môže byť koncová značka vynechaná. Napríklad pre značku popisujúcu údaje pre bunku tabuľky
, zodpovedajúci koncový štítok možno vždy vynechať. Koniec údajov pre bunku tabuľky bude rozpoznaný podľa vzhľadu ďalšej značkyalebo koncová značka riadka tabuľky. Existuje množstvo značiek, pri ktorých väčšina autorov dokumentov vynecháva koncové značky. Príkladom môže byť značka položky zoznamu
alebo značka odseku Moderné prehliadače v mnohých prípadoch správne naformátujú dokumenty, ak sa vynechajú niektoré koncové značky, ale tento postup nemožno odporučiť.
Množstvo značiek v zásade nepotrebuje koncové značky. Príklady zahŕňajú značku na vloženie obrázka , nútený posuv riadku
, s uvedením základného písmaa ďalšie. Často zo samotného účelu značky môžete uhádnuť, či potrebuje koncovú značku. Existujú všeobecné pravidlá, ako prehliadače interpretujú značky. Na rozdiel od programovacích jazykov, v ktorých chybné vyhlásenia vedú k vydaniu príslušných správ vo fáze kompilácie programu a vyžadujú si úpravu, nie je v HTML zvykom reagovať na nesprávne písanie značiek. Nesprávne napísaný tag alebo jeho parameter by mal prehliadač jednoducho ignorovať. Toto je všeobecné pravidlo pre všetky prehliadače, ktoré platí nielen pre chybne napísané tagy, ale aj tagy, ktoré táto verzia prehliadača nerozpozná. Príkladom môžu byť značky navrhnuté a implementované pre konkrétny prehliadač a neznáme pre iný prehliadač. Napríklad kontajner tagov
, ktorý slúži na poskytovanie alternatívnych informácií prehliadačom, ktoré neposkytujú podporu rámcových štruktúr, takéto prehliadače nerozpoznajú. Prehliadač, ktorý podporuje rámce pri stretnutí so značkou , preskočí všetky informácie, ktoré obsahuje. A prehliadač, ktorý nie je oboznámený s rámami, samozrejme, nebude rozumieť značke ... Podľa vyššie uvedeného pravidla sa však táto značka jednoducho preskočí, ale zobrazia sa všetky nasledujúce informácie. Tagy je možné písať s parametrami alebo atribútmi (z angličtiny atribút). V tejto knihe budeme najčastejšie používať pojem parameter. Množiny povolených parametrov sú individuálne pre každú značku. Všeobecné pravidlá pre zapisovanie parametrov sú nasledovné. Za názvom tagu môžu nasledovať parametre, ktoré sú od seba oddelené medzerami. Poradie parametrov tagu je ľubovoľné. Mnoho parametrov vyžaduje zadanie ich hodnôt, ale niektoré parametre nemajú žiadne hodnoty alebo sa dajú zapísať bez nich, za predpokladu predvolených hodnôt. Ak parameter vyžaduje hodnotu, je uvedená za názvom parametra prostredníctvom znamienka rovnosti. Hodnota parametra môže byť napísaná v úvodzovkách alebo bez nich. Jediný prípad, kedy sa bez úvodzoviek nezaobídete, je prípad, keď sú v hodnote parametra medzery. V hodnotách parametrov (na rozdiel od názvov značiek a samotných parametrov) je niekedy dôležitý zapisovací register. Tu je príklad písania značky s parametrami:
Tu pre značku
sú uvedené dva parametre. Prvý parameter BORDER je zadaný bez hodnoty. Druhý parameter ALIGN je ponechaný.
Nasledujúce kapitoly prvej časti knihy budú popisovať účel HTML tagov a ich parametre. Vo všeobecnosti môžu mať značky rôzne parametre, no existuje množstvo parametrov, ktoré sú rovnaké pre takmer všetky značky. Spomenieme si tu všeobecné parametre tagov, aby sme o nich už nehovorili pri popise každého tagu.
Všetky značky, ktoré je možné použiť v sekcii
HTML dokument môže mať parametre CLASS, ID, LANG, LANGUAGE, STYLE a TITLE. Využitie týchto parametrov je užitočné predovšetkým pri úprave dokumentov, o ktorých bude reč v druhej časti knihy.Parametre CLASS, ID, STYLE podporuje Internet Explorer 3.0 a vyšší a Netscape 4.0 a vyšší. Tieto parametre sú potrebné pri používaní štýlov.
Parametre LANG, LANGUAGE, TITLE – podporuje iba Internet Explorer od verzie 4.0. Tieto parametre označujú použitý jazyk (napríklad pre Rusko: LANG = ru), skriptovací jazyk (napríklad LANGUAGE = JavaScript), ako aj text popisku, ktorý sa zobrazí, keď nad ním umiestnite kurzor myši. prvok (TITLE).
V modernom HTML sa okrem jazykových značiek a ich obsahu v zdrojovom kóde HTML píšu aj kódy skriptov (javascript alebo VBScript). V prvej časti knihy sa to prakticky nikde nespomína, no druhá časť je celá venovaná problematike používania skrípt.
Na záver všeobecného prehľadu HTML poznamenávame, že najjednoduchšie HTML dokumenty sú obyčajné textové súbory, na prezeranie a úpravu, ktoré môžete použiť v akomkoľvek textovom editore. Tieto súbory majú zvyčajne príponu HTM alebo HTML.
špecifikácie HTML
HTML získalo popularitu v polovici 90. rokov vďaka exponenciálnemu rastu internetu. V tom čase už bolo potrebné jazyk štandardizovať, keďže rôzne spoločnosti, ktoré vyvíjali softvér na prístup na internet, ponúkali svoj
stále viac variantov HTML inštrukcií. Teraz je čas dospieť k nejakej spoločnej dohode o používaní značiek HTML.
Organizácia s názvom World Wide Web Consortium (skrátene W3C) prevzala špecifikáciu HTML. Jej úlohou bolo vypracovať špecifikáciu, ktorá by odrážala súčasnú úroveň rozvoja schopností jazyka s prihliadnutím na rôzne návrhy spoločností zaoberajúcich sa prehliadačmi. V novembri 1995 sa teda objavila špecifikácia HTML 2.0 navrhnutá tak, aby formalizovala prax používania HTML, ktorá sa vyvinula do konca roku 1994.
Schvaľovacia schéma špecifikácie je nasledovná. Konzorcium W3C vydáva návrh špecifikácie, po prerokovaní ktorého je vydaný takzvaný návrh verzie špecifikácie a navrhuje ju na prerokovanie na určité obdobie. Pracovný návrh špecifikácie sa po období zvažovania môže stať odporúčaním, teda oficiálne uznávanou verziou špecifikácie HTML.
Krátko po špecifikácii 2.0 bola uvoľnená pracovná verzia špecifikácie 3.0 a obdobie jej diskusie uplynulo v septembri 1995. Táto špecifikácia nebola nikdy prijatá ako formálne odporúčanie. Jeho zámerom bolo zahrnúť širokú škálu značiek a funkcií špecifických pre jednotlivé prehliadače, ale W3C nedokázalo vyvinúť dobrú špecifikáciu pre taký veľký počet inštrukcií.
Po dlhom premýšľaní bol v máji 1996 vydaný návrh HTML 3.2. Projekt bol založený na niektorých značkách dostupných vo verzii 3.0, ktoré vykazovali stabilitu v práci. V septembri 1996, po mesiacoch diskusií, sa verzia 3.2 stala navrhovanou špecifikáciou a v januári 1997 sa stala oficiálnym odporúčaním.
V júli 1997 bola vydaná navrhovaná špecifikácia HTML 4.0, ktorá sa stala oficiálnym odporúčaním v decembri 1997. Toto je zatiaľ posledná prijatá špecifikácia.
V tomto krátkom prehľade histórie vývoja jazyka HTML sotva stojí za to podrobne popísať vlastnosti rôznych špecifikácií, najmä preto, že v reálnom živote vývojári nie vždy dodržiavajú odporúčania konzorcia. Tu sú len niektoré nápady, ktoré stoja za najnovšou špecifikáciou.
V špecifikácii HTML 4.0 bolo kľúčovou myšlienkou oddelenie popisu štruktúry dokumentu od popisu jeho prezentácie na obrazovke monitora. Skúsenosti ukázali, že oddelenie štruktúry a prezentácie dokumentu znižuje náklady na podporu širokej škály platforiem, prostredí a podobne a tiež uľahčuje opravu dokumentov. V súlade s touto myšlienkou by sa mali širšie využívať metódy opisu prezentácie
dokument pomocou štýlov, namiesto špecifikovania prezentačných údajov rozptýlených s obsahom dokumentu. Na implementáciu tejto myšlienky do špecifikácie HTML 4.0 bolo odstránených niekoľko značiek používaných na priame určenie formy prezentácie prvkov HTML. Značky zrušené z tohto dôvodu zahŕňajú
, , , ,, ... Okrem iných zrušených značiek podotýkame,