i-extra.net » xHtml http://i-extra.net Portál o IT a společnosti Sun, 18 Jul 2010 13:06:08 +0000 http://wordpress.org/?v=2.7.1 cs hourly 1 5 minut http://i-extra.net/webdesign/xhtml/5-minut/ http://i-extra.net/webdesign/xhtml/5-minut/#comments Fri, 11 Jan 2008 12:55:19 +0000 admin http://i-extra.net/tvorba-www/5-minut/ Nakolik znáte HTML? Orientujete se? Kolik HTML elements vymyslíte za 5 minut?

90

Find your Match at JustSayHi

Zkuste si to zde: ZDE

]]> http://i-extra.net/webdesign/xhtml/5-minut/feed/ XHTML 3.díl http://i-extra.net/webdesign/xhtml/xhtml-3dil/ http://i-extra.net/webdesign/xhtml/xhtml-3dil/#comments Tue, 23 Oct 2007 20:13:18 +0000 Petr Láslo http://i-extra.net/tvorba-www/xhtml-3dil/ Tak po delší odmlce, za kterou se samozřejmě omlouvám, přináším další díl o tvorbě webových stránek v XHTML.

Základní kostra dokumentu

Pro psaní stránky v XHTML musíme dodržovat správnou kostru dokumentu. Kostru můžete mít uloženou ve zvláštním souboru, který budete používat jako šablonu při vytváření nové stránky.

První dva tagy jsou nejduležitější. Doctype zdělujeprohlížeči o kterou verzi Html se jedná. Druhý párový tag <html> a </html>. Do tagu <html> zapisujeme další dva tagy. Hlavičku stránky <head> a </head> a tělo stránky <body> a </body>. Do hlavičky stránky se zapisují meta tagy, například mime-type, odkazy na externí CSS stly, titulek stránky atd. Do těla stránky zapisujeme všechny informace které budou zobrazeny uživateli v prohlížeči.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"

<head>

  <title>Název stránky</title>

</head>

<body>
...Tělo stránky...
</body>

</html>

Tagy

Tag neboli štítek, cedulka má v oblasti webdesingu dva významy. Jednak jako značka(správně element ) v kódu jazyka HTML. Například znak pro zvýraznění textu <em> Text který bude na stránce </em>. Druhý váznam pojmu tag spočívá opravdu ve značkování. Například pokud označíme každý článek několika slovy(tagy) co nejpřesněji související s tématem článku, nebude v pozděší době žádný problém vypsání článků z databáze pomocí těchto tagů.

V xHtml máme dva druhy tagů. Párový tag <em> Text který bude na stránce </em>. Text je umisťován mezi dvojici značek <em> a </em>. A nepárový tag, například tag pro odřádkování <br /> nebo tag pro vykreslení čáry na obrazovku <hr />.

Atributy

Atribut je vlasnost kterou přiřadíme k určitému tagu. Každý atribut nabívá vlastní hodnoty. Atribut je například přidělení třídy k tagu <hr />. Tento tag bude po přidělení atributu vypadat takto: <hr class=”cara1″ />. Tímto zápisem jsme k čáře přidělili třidu “cara1″. S touto třídou můžeme nadále pracovat v css a přiřadit všem čarám s tímto atributem barvu.

.cara1{

color: red;

}

Tak pro dnešek jsem Vám zděli vše co jsem chtěl. Těším se na Vás u dalšího dílu mého seriálu.

]]> http://i-extra.net/webdesign/xhtml/xhtml-3dil/feed/ XHTML 2.díl http://i-extra.net/webdesign/xhtml/xhtml-2dil/ http://i-extra.net/webdesign/xhtml/xhtml-2dil/#comments Sun, 22 Jul 2007 13:48:50 +0000 Petr Láslo http://i-extra.net/tvorba-www/xhtml-2dil/ V tomto článku shrnu opravdový přechod na Xhtml a napíši pár řádků o XML.

MIME-TYPE

Opravdový přechod na Xhtml se stává v okamžiku použití správného MIME-TYPE. Spousta autorů umisťuje pyšně na svoje někdy validní stránky ikonku XHTML 1.0 valid, XHTML 1.1 valid, ale to stále neznamená, že web opravdu jede na XHTML. Pokud používáte pouze hlavičku text/html a nikoli application/XHTML+XML, tak si na XHTML jen hrajete a přitom jsou Vaše stránky zpracovány jako 15.let staré HTML.

Bohužel IE 6 hlavičku application/XHTML + XML nezpracuje a je potřeba používat hlavičku text/html.

MIME-TYPE prohlížeči říká, jak správně dokument zpracovat. Máme několik možností:

  • text/html - tolerantní
  • application/XHTML+XML - striktní
  • video/mpeg - externí soubor

MIME-TYPE nastavíme při nastavení kódování. Pro XHTML se většinou používá kódování UTF-8. Pro odeslání záhlaví máme několik možností:

  • 1. pomocí META tagu

    • <meta http-equiv="content-type" content="application/XHTML+XML;charset=utf-8" />

  • 2. pomocí .htaccess
  • 3. pomocí fce Header() v PHP

    • <?php
    Header("Content-type:application/XHTML+XML");
    ?>

Konečný MIME-TYPE odesílá server, my mu tím jen radíme, jaký by měl použít.

XML

XML aneb Extensible Markup Language je některými autory přirovnáván k vynálezu knihtisku. Pod zkratkou XML se skrývá technologie určená k organizaci údajů v textových zápisech. Během krátké doby po vydání doporučení W3C pro XML se technologie šíří během krátké doby do celého světa. První verze XML byla zveřejněna v roce 1998. Vznik této technologie zasáhl vše od prohlížečů po programovací a scriptovací jazyky.

Při psaní tohoto dílu jsem čerpal ze stránek:
Programujte.cz

]]> http://i-extra.net/webdesign/xhtml/xhtml-2dil/feed/ XHTML 1.díl http://i-extra.net/webdesign/xhtml/xhtml/ http://i-extra.net/webdesign/xhtml/xhtml/#comments Mon, 02 Jul 2007 14:41:27 +0000 Petr Láslo http://i-extra.net/tvorba-www/xhtml/ V tomto článku Vám povím trochu teorie o jazyce XHTML.(eXtensible hypertext markup language)

Co je XHTML a k čemu se používá?

XHTML je přeformátovaný HTML v XML. XHTML je vlastně to samé jako HTML, jen s několika pravidly navíc. Na rozdíl od HTML už neobsahuje značky pro formátování textu. Prvním ze dvou cílů jazyka je to, aby stránky byly čitelné ve všech prohlížečích, tím druhým cílem je oddělení obsahu od grafiky, tzn. že nemusíte čekat až se vám načtou obrázky, abyste si mohl přečíst text. Text k Vám příjde jako první a obrázky se stahují až po té.

Cituji W3C(www.w3.org/TR/xhtmll/xhtml)

Rodina XHTML je dalším krokem ve vývoji Internetu. Přestoupením na XHTML ještě dnes spokojení vývojáři vstoupí do světa XML spolu se všemi jeho původními přínosy. Přitom si mohou zůstat jisti jak zpětnou, tak i dopředu kompatibilitou svých obsahů.

XHTML je pro V8s dobrá startovní pozice. Tím že vytvoříte své stránky v XHTML , zajistíte kompatibilitu s prohlížeči budoucnosti. Oddělení obsahu od grafiky dosáhneme použitím CSS stylů. V našem seriálu se budu zabývat striktní verzí jazyk XHTML 1.1. Oddělení textu od obsahu lze již dosáhnout v HTML 4.01, ale specifikace XHTML nás k tomu nutí.

Ve světě XHTML existují, jak už bylo zmíněno, přísnějsí pravidla pro kód než v HTML. Všechny značky a atributy musí být psány malými písmeny, všechny atributy musí být uzavřeny uvozovkami a všechny značky musí být nakonec uzavřeny. To je několik pravidel zděděných z XML - tato pravidla jsou pro Vás dobrá.

Vývoj jazyka XHTML

HTML nebyl nikdy zamýšlen jako jazyk vzhledu a interaktivity. Byl navržen, aby tvůrcům umožnil dokumenty řádně označit a upořádat. S růstem trhu prohlížečů jsme z tohoto jednoduchého jazyka udělali nástroj na tvorbu prezentací. Skončili jsme na komplikovaném značkování určeném pro vizuální efekty. … Návrat k ne-prezentačním dokumentům nám otevírá nové možnosti.

Molly Holzschlag,
webdesingerka, konzultantka, autorka více než dvaceti knih a množství článků,
členka organizace Web Standards Project (z rozhovoru pro WebBuilder.com)

Vývoj jazyka začíná vydáním HTML 2.0 (Hypertext Markup Language), jedná se o značkovací jazyk bez prvků dodávající stránce grafický vzhled. Jeho vznik je datován na rok 1995. Kvůli postrádání grafických prvků vzniká nová verze HTML s označením 3.2. Do jazyka byli přidány mnohé prvky sloužící k definici grafického vzhledu které postrádají strukturální význam. Postupně vznikají různé nové verze jazyka s označením HTML 4.0, DHTML(dynamické HTML) aj. Situace na internetu se dostává do fáze kdy každý prohlížeč neumí číst všechny značky a tím se dostáváme do situace, když se nám na obrazovce zobrazí:: “K prohlížení tohoto webu musíte mít ten a ten prohlížeč!!” Webové konsorcium W3C se snaží tuto situaci uklidnit tím, že vydává XHTML 1.0 (eXtensible hypertext markup language). Tento jazyk musí být podporován všemi prohlížeči. W3C z tohoto jazyku odstranila veškeré grafické značky. Použití CSS je už nezbytné.

]]> http://i-extra.net/webdesign/xhtml/xhtml/feed/