LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> Webové Standardy 1 - Historie, problém a řešení

Webový standard je pojem, který se dnes mezi webdesignery skloňuje všemi pády. Někteří z něho mají obavy a to je proč jsem se rozhodl napsat tuto sérii článků.

28.10.2004 08:00 | Luboš Turek | Články autora | přečteno 17594×

Jak to začalo

Na začátku hypertextové éry byl jazyk HTML postaven na SGML (viz. příště), který sloužil pouze k sdělování obsahu. Pojem hypertext vymyslel Theodore Nelson. Princip hypertextu je jednoduchý - kliknete na nějaký text a dostanete se jinam.

To, jak dokument vypadal na výstupu záleželo čistě na výstupním zařízení ať už to byl prohlížeč (obrazovka), tiskárna, nebo třeba Brailluv řádek.

Definice problému

Jazyk HTML se však brzy rozšířil a potřebám kapitalistického světa již nestačili HTML stránky s prostým textem. Autoři ať už kvůli osobním či obchodním potřebám začali zasazovat různé grafické prvky do svých stránek a vývojáři internetových prohlížečů začali přidávat do jazyka HTML další značky (např. font). Do jednoho souboru se začal psát jak obsah, tak design stránek, což působilo zmatek. Zmatek se umocnil po startu fenoménu pozicování prvků pomocí tabulek. Z HTML souboru se stal chaos postrádající strukturu. To způsobuje několik problémů:

  • 1. Nekompatibilita mezi prohlížeči
  • 2. Nečitelnost obsahu stránek na jiných zařízeních
  • 3. Zmatek v HTML kódu
  • 4. Absence struktury...
  • 5. ...způsobuje problémy i internetovým vyhledavačům
  • 6. Až několikanásobné zvětšení velikosti html souboru
"Někdejší způsob formátování stránek pomocí tabulek je již zastaralý, výrazně ničí strukturu dokumentu a zvětšuje datový objem dokumentů. Moderní technologie (CSS, XSL) navíc poskytují bohatší nástroje pro formátování dokumentu."
Manifest Dogma W4

Řešení

Standardy. Standard = meřítko, norma, kriterium, obecně uznaváný vzor. Webové standardy definuje konsorcium W3C. K dosazení chtěného výsledku správnou a standardní cestou jsou pro nás důležité 3 body:

  • Oddělit obsah a formu
  • Strukturovat, strukturovat a ... (hádejte:))
  • Čisty a standardům vyhovující kód

Oddělení formy od obsahu

Organizace w3c prosazuje striktní oddělení obsahu od formy. K zapsáni obsahu slouží HTML, XHTML, XML. K zapsání formy pak CSS a XSL v dokumentech XML.

Struktura Dokumentu

K tomu, abychom mohli lehce formátovat obsah pomocí CSS, stránka nesmí postrádat strukturu. Co to znamená? Naplno využívat značek h1 - h6, p apod. V žádném případě byste neměli používat tyto značky k jiným účelům, než k jakým jsou určeny. Při návrhu dokumentu by se vůbec nemělo myslet na jeho budoucí vzhled. Vznikne jednoduchá stránka. Pro potřeby formátování (definování bloků a částí textu) se mají používat výhradně neutrální značky div a span. Div pro bloky, span pro text. Používejte TABULKY pouze k vytváření TABULEK.

Za pomocí CSS pak stránku můžeme formátovat takřka libovolně. Stránky se liší pouze stylopisem!

Čistý kód

Přečtěte si standardy jazyka, který používáte a řiďte se jimi.

Co musí čistý kód obsahovat v praxi

DTD

Každá stránka musí na začátku obsahovat DTD, který řekne prohlížeči, jak má značky interpretovat. Přestože je to trochu složitější (DTD si můžete napsat vlastní, ...), dnes to trochu zjednodšíme a DTD se budeme podrobněji věnovat někdy příště. Jednotlivé w3c DTD:

Pro HTML 4.01 Strict je to:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

atd. Dalsi DTD najdete na strankach W3C.

Kódování

I když je kódování předáno v http hlavičce a dokument se zobrazí korektně, pokud si jej čtenář uloží na disk, informace o kódování se ztratí a příště už dokument nemusí být čitelný. Proto je důležité zapsat použitou znakovou sadu přímo do dokumentu.
Manifest Dogma W4

V HTML se kódování píše do metaznačky, která se nachází v hlavičce. Syntaxe by byla s použitím kódování iso-8859-2 následující:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

XML dokumenty musí obsahovat kódování i v deklaraci XML:

<?xml version="1.0" encoding="iso-8859-2"?>

Atribut ALT

Chybějící atribut alt u značky img. Myslete na to, že vaše stránky si mohou číst lidé v textových prohlížečích nebo na Braillově řádku.

Celá řada jiných značek má dalšï povinné atributy, nezapomeňte na ně. Nikdo není neomylný a tak vám budou velkou pomůckou webové validátory, o kterých si povíme někdy příště.

Použité acronymy

SGML
Standard Generalized Markup Language
HTML
HyperText Markup Language
XHTML
eXtensible HyperText Markup Language
XML
eXtensible Markup Language
CSS
Cascading Style Sheets
XSL
eXtensible Stylesheet Language
W3C
World Wide Web Consorciun

Valid HTML 4.01!

Verze pro tisk

pridej.cz

 

DISKUZE

Nejsou žádné diskuzní příspěvky u dané položky.



Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

15.1.2018 0:51 /František Kučera

První letošní pražský sraz se koná již tento čtvrtek 18. ledna od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Vítáni jsou všichni příznivci svobodného softwaru a hardwaru, ESP32, DIY, CNC, SDR nebo dobrého piva. Prvních deset účastníků srazu obdrží samolepku There Is No Cloud… just other people's computers. od Free Software Foundation.


Přidat komentář

14.11.2017 16:56 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt – tradičně první čtvrtek před třetím pátkem v měsíci: 16. listopadu od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

12.11.2017 11:06 /Redakce Linuxsoft.cz
PR: 4. ročník odborné IT konference na téma Datová centra pro business proběhne již ve čtvrtek 23. listopadu 2017 v konferenčním centru Vavruška, v paláci Charitas, Karlovo náměstí 5, Praha 2 (u metra Karlovo náměstí) od 9:00. Konference o návrhu, budování, správě a efektivním využívání datových center nabídne odpovědi na aktuální a často řešené otázky, např Jaké jsou aktuální trendy v oblasti datových center a jak je využít pro vlastní prospěch? Jak zajistit pro firmu či jinou organizaci odpovídající služby datových center? Podle jakých kritérií vybrat dodavatele služeb? Jak volit součásti infrastruktury při budování či rozšiřování vlastního datového centra? Jak efektivně spravovat datové centrum? Jak eliminovat možná rizika? apod.
Přidat komentář

13.9.2017 8:00 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt – tentokrát netradičně v pondělí: 18. září od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

3.9.2017 20:45 /Redakce Linuxsoft.cz
PR: Dne 21. září 2017 proběhne v Praze konference "Mobilní řešení pro business". Hlavní tématy konference budou: nejnovější trendy v oblasti mobilních řešení pro firmy, efektivní využití mobilních zařízení, bezpečnostní rizika a řešení pro jejich omezení, správa mobilních zařízení ve firmách a další.
Přidat komentář

15.5.2017 23:50 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt, který se bude konat ve čtvrtek 18. května od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

12.5.2017 16:42 /Honza Javorek
PyCon CZ, česká konference o programovacím jazyce Python, se po dvou úspěšných ročnících v Brně bude letos konat v Praze, a to 8. až 10. června. Na konferenci letos zavítá např. i Armin Ronacher, známý především jako autor frameworku Flask, šablon Jinja2/Twig, a dalších projektů. Těšit se můžete na přednášky o datové analytice, tvorbě webu, testování, tvorbě API, učení a mentorování programování, přednášky o rozvoji komunity, o použití Pythonu ve vědě nebo k ovládání nejrůznějších zařízení (MicroPython). Na vlastní prsty si můžete na workshopech vyzkoušet postavit Pythonem ovládaného robota, naučit se učit šestileté děti programovat, efektivně testovat nebo si v Pythonu pohrát s kartografickým materiálem. Kupujte lístky, dokud jsou.
Přidat komentář

2.5.2017 9:20 /Eva Rázgová
Putovní konference československé Drupal komunity "DrupalCamp Československo" se tentokrát koná 27. 5.2017 na VUT FIT v Brně. Můžete načerpat a vyměnit si zkušenosti z oblasti Drupalu 7 a 8, UX, SEO, managementu týmového vývoje, využití Dockeru pro Drupal a dalších. Vítáni jsou nováčci i experti. Akci pořádají Slovenská Drupal Asociácia a česká Asociace pro Drupal. Registrace na webu .
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

16.1.2018 1:08 / Ivan Pittner
verejna ip od o2 ubuntu

15.1.2018 17:26 / Mira Harvalik
Re: Jak udělat HTML/Javascript swiping gallery do mobilu?

30.12.2017 20:16 / Michal Knoll
odmocnina

31.8.2017 12:11 / Jaromir Obr
Re: ukůládání dat ze souboru

30.7.2017 11:12 / Jaromir Obr
Národní znaky

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2018) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze