XHTML: Webcodering voor verfijnd ontwerp

• Mei 5, 2024

XHTML 1.0 en 1.1 staan ​​voor EXtensible HYperText Markup Ltaal en vertegenwoordigen een enorme sprong voorwaarts van HTML 4.0. Ze combineren het beste van HTML 4.0 met XML om de ontwerper een verfijnder coderingsschema te geven voor een verfijnd en slagvaardiger webontwerp.

De W3C, ouders van alle HTML-talen, beschreef XHTML 1.0 als "de eerste grote verandering in HTML sinds HTML 4.0 in 1997 werd uitgebracht. Het brengt de strengheid van XML naar webpagina's en is de hoeksteen in het werk van W3C om standaarden te creëren die zorgen voor rijkere webpagina's op een steeds groter wordend aantal browserplatforms, waaronder mobiele telefoons, televisies, auto's, portemonnee-formaat draadloze communicators, kiosken en desktops. "

XHTML-variaties

Er zijn drie verschillende typen XHTML beschikbaar om aan de behoeften van alle webontwerpers te voldoen. Deze omvatten Strict, Transitional en Frameset XHTML.

XHTML 1.0 Strict - de puurste vorm voor ervaren webontwerpers. Met deze versie kunt u brandschoon code maken, zonder lay-outcode (lettertype, kleur, lay-out) in uw document te hoeven invoegen. In plaats daarvan neemt u in het begin de CSS-code (Cascading Style Sheet) op.

XHTML 1.0 Transitional - midden in het wegcodeformaat om ontwerpers die tijd nodig hebben om dit nieuwe coderingsmiddel te leren of kijkers die nog steeds oudere webbrowsers gebruiken, te willen leren kennen. Er worden stijlbladen gebruikt, maar er wordt ook goede oude HTML-code opgenomen. De body-tag bevat bijvoorbeeld nog steeds de kenmerken bgcolor, tekst, links en vlinks.

XHTML 1.0 Frameset - deze variatie is vanzelfsprekend - u gebruikt het wanneer u XHTML wilt opnemen in een op frames gebaseerd document.

Nog een andere meer geavanceerde versie, XHTML 1.1 hiermee kan modulaire code worden toegevoegd voor internationale en andere speciale coderingsbehoeften. RUBY-modules zijn opgenomen om deze extra codering te vergemakkelijken. De belangrijkste verandering in XHTML 1.1 is het ontkoppelen van gegevens van de presentatie. Formatteren is niet langer ingebed met gegevens en kan alleen worden bereikt door te verwijzen naar Cascading Style Sheets (CSS). Hierdoor blijven gegevens beschikbaar voor eenvoudige analyse en hergebruik door een breed scala aan nieuwe niet-desktopproducten en toegankelijkheidstoepassingen.

Uw HTML opruimen

Dave Raggett en Source Forge van de W3C bieden momenteel een geweldig open-source hulpprogramma, HTML Tidy voor ontwerpers die hun huidige HTML-documenten naar XHTML willen converteren (en hun code opruimen). Deze handige tool helpt je code te schitteren door al deze nuttige taken uit te voeren:

• Ontbrekende of niet-overeenkomende eindtags worden gedetecteerd en gecorrigeerd


• Eindtags in de verkeerde volgorde worden gecorrigeerd


• Lost problemen op met de nadruk op koppen


• Herstelt van verwisselde tags


• De ontbrekende schuine streep in eindlabels voor ankers toevoegen


• Lijsten perfectioneren door ontbrekende tags in te voeren


• Ontbrekende aanhalingstekens rond kenmerkwaarden worden toegevoegd


• Onbekende / eigendomskenmerken worden gerapporteerd


• Bedrijfseigen elementen worden als zodanig herkend en gerapporteerd


• Tags zonder een afsluitende beugel worden gespot


• Vervangt overtollige lay-outcode door stijleigenschappen en regels met behulp van CSS


• Verwijdert lege alinea- en kopelementen

De Nitty Gritties

Een van de belangrijkste "regels" bij het gebruik van XHTML is dat de code schoon en volledig moet zijn.

• Alle elementen moeten afsluitende tags hebben en correct nestelen.


• Alle tags moeten in kleine letters worden geschreven - XML ​​is hoofdlettergevoelig.


• Eindtags moeten worden opgenomen voor ALLEMAAL elementen


• Alle attributen moeten tussen aanhalingstekens staan, bijv. breedte, colspan, rowspan


• Lege elementen moeten een eindtag hebben

Een helpende hand

Gevoel overweldigd over het leren van nog een HTML-formaat? Hulp is bij de hand, als dat zo is. XStandard is een WYSIWYG-codebewerker die u helpt bij het schrijven van zuivere pure XHTML-code in XHTML 1.0 Strict of XHTML 1.1. De makers beschrijven deze software als: "de meest geavanceerde, op standaarden gebaseerde WYSIWYG-editor op de markt. Het is ideaal voor elk Windows- of browsergebaseerd inhoudbeheersysteem dat ActiveX ondersteunt. XStandard beheert rijke inhoud in elke taal, heeft sterke toegankelijkheidsfuncties en ondersteunt populaire bewerkingsopties, waaronder tabellen, tekstomloop rond afbeeldingen en slepen en neerzetten van bestanden in de editor. " De software wordt geleverd in een gratis XStandard Lite-versie en een meer veelzijdige XStandard Pro-versie.

Als u wilt dat uw site goed werkt in de browsers van vandaag en niet-traditionele apparaten, en goed blijft werken in de toekomst van morgen, is het een goed idee om nieuwe sites in XHTML te schrijven en oude pagina's naar XHTML te converteren als uw werkschema dit toelaat. Natuurlijk is dit niet het einde! Er wordt al gewerkt aan creat XHTML 2.0. De zet is om zich alleen te concentreren op structuur, niet op achterwaartse compatibiliteit. U kunt over deze nieuwste vorm van XHTML lezen op de IBM-website in hun artikel, De toekomst van het web: XHTML 2.0.

HTML Markeer Article Series

DEEL 1: Moet een geloofwaardige ontwerper HTML kennen?
DEEL 2: HTML 3.2 - De geboorte van Wilbur
DEEL 3: HTML 4.0 EN 4.01 - Meer van een goede zaak!
DEEL 4: XHTML: Webcodering voor verfijnd ontwerp
DEEL 5: DHTML: Dynamische webcodering

Video-Instructies: Web Development - Computer Science for Business Leaders 2016 (Mei 2024).