XHTML: Webové kódování pro rafinovaný design

• Smět 3, 2024

XHTML 1.0 a 1.1 znamenají EXnapjatý HyperText Markup Language a představují obrovský skok vpřed od HTML 4.0. Kombinují to nejlepší z HTML 4.0 s XML a poskytují návrháři sofistikovanější schéma kódování pro propracovanější a rozhodnější webový design.

W3C, rodiče všech jazyků HTML, označil XHTML 1.0 za „první zásadní změnu HTML od doby, kdy byl vydán HTML 4.0 v roce 1997. Přináší přísnost XML na webové stránky a je základním kamenem práce W3C při vytváření standardů, které poskytují bohatší webové stránky na stále se rozšiřující řadě platforem prohlížečů, včetně mobilních telefonů, televizí, automobilů, bezdrátových komunikátorů velikosti peněženek, kiosků a stolních počítačů. ““

Varianty XHTML

K dispozici jsou tři různé typy XHTML, které vyhovují potřebám všech webových designérů. Patří mezi ně přísné, přechodné a rámcové sady XHTML.

XHTML 1.0 Strict - nejčistší forma pro zkušené webové designéry. Tato verze vám umožňuje vytvořit čistě čistý kód, aniž byste museli do dokumentu vkládat kód rozvržení (písmo, barvu, rozvržení). Místo toho začleníte kód CSS (Cascading Style Sheet) na začátku.

XHTML 1.0 Transitional - uprostřed formátu kódů silnic, který má pomoci návrhářům, kteří potřebují čas, aby se naučili tento nový způsob kódování, nebo se chtějí ubytovat diváky, kteří stále používají starší webové prohlížeče. Používají se styly, ale také je zahrnut dobrý starý HTML kód. Například značka body stále obsahuje atributy bgcolor, text, links, vlinks.

XHTML 1.0 Frameset - tato variace je samozřejmá - použijete ji, když chcete začlenit XHTML do rámcového dokumentu.

Ještě další pokročilejší verze, XHTML 1.1 umožňuje přidat modulární kód pro mezinárodní a jiné speciální potřeby kódování. RUBY moduly jsou začleněny za účelem usnadnění tohoto extra kódování. Jednou z nejvýznamnějších změn v XHTML 1.1 je oddělení dat od prezentace. Formátování již není vloženo do dat a lze jej dosáhnout pouze odkazem na kaskádové styly (CSS). Díky tomu jsou data k dispozici pro snadnou analýzu a opětovné použití širokou škálou nových produktů mimo počítač a aplikací pro usnadnění přístupu.

Úklid vašeho HTML

Dave Raggett a Source Forge W3C v současné době nabízejí skvělý open-source nástroj, HTML Tidy pro designéry, kteří chtějí převést své současné HTML dokumenty na XHTML (a během procesu upravovat svůj kód). Tento užitečný nástroj pomůže vašemu kódu prosvítit provedením všech těchto užitečných úkolů:

• Chybějící nebo neodpovídající koncové značky jsou detekovány a opraveny


• Koncové značky v nesprávném pořadí jsou opraveny


• Opravuje problémy s důrazem na směrování


• Zotavuje se ze smíšených značek


• Přidání chybějícího lomítka do koncových značek pro kotvy


• Zdokonalení seznamů vložením chybějících značek


• Chybějící uvozovky kolem hodnot atributů jsou přidány


• Hlášeny jsou neznámé / vlastnické atributy


• Vlastnické prvky jsou jako takové uznávány a vykazovány


• Značky postrádající koncovou závorku jsou tečkované


• Nahrazuje nadbytečný rozvržení pomocí stylů vlastností a pravidel pomocí CSS


• Odstraní prázdné prvky odstavce a nadpisu

Nitty Gritties

Jedním z primárních „pravidel“ při používání XHTML je to, že kód musí být čistý a úplný.

• Všechny prvky musí mít uzavírací značky a správně vnořit.


• Všechny značky musí být psány malými písmeny - XML ​​rozlišuje velká a malá písmena.


• Musí být zahrnuty koncové značky VŠECHNO Prvky


• Všechny atributy musí být v uvozovkách, např. šířka, rozpětí, rozpětí řádků


• Prázdné prvky musí mít koncovou značku

Pomocná ruka

Cítíte se ohromeni učením dalšího formátu HTML? Pomoc je na dosah, pokud ano. XStandard je editor WYSIWYG kódů, který vám pomůže psát čistý čistý XHTML kód v XHTML 1.0 Strict nebo XHTML 1.1. Tvůrci popisují tento software jako: „nejpokročilejší, na standardech založený editor WYSIWYG na trhu. Je ideální pro jakýkoli systém pro správu obsahu Windows nebo prohlížeč, který podporuje ActiveX. XStandard spravuje bohatý obsah v jakémkoli jazyce, má silné funkce přístupnosti a podporuje oblíbené možnosti úprav, včetně tabulek, obtékání textu kolem obrázků a přetahování souborů do editoru. “ Software je dodáván v bezplatné verzi XStandard Lite a ve všestrannější verzi XStandard Pro.

Pokud chcete, aby vaše stránky fungovaly dobře v dnešních prohlížečích a netradičních zařízeních a aby fungovaly i v zítřejších dobách, je vhodné autorizovat nové weby v XHTML a převádět staré stránky na XHTML, jak to umožňuje pracovní rozvrh. To samozřejmě není konec! Již se pracuje na vytvoření XHTML 2.0. Tento krok je zaměřit se pouze na strukturu, nikoli zpětnou kompatibilitu. O této nejnovější podobě XHTML si můžete přečíst na webu IBM v jejich článku, Budoucnost webu: XHTML 2.0.

HTML Highlight Article Series

ČÁST 1: Měl by důvěryhodný designér znát HTML?
ČÁST 2: HTML 3.2 - Zrození Wilbur
ČÁST 3: HTML 4.0 A 4.01 - více dobré věci!
ČÁST 4: XHTML: Webové kódování pro rafinovaný design
ČÁST 5: DHTML: Dynamic Web Coding

Video Návody: Como hacer una Pagina Mobile First y Responsive Design 09 | Desarrollo Web (Smět 2024).