XHTML: Kodowanie sieciowe dla wyrafinowanego projektowania

• Może 8, 2024

XHTML 1.0 i 1.1 oznaczają EXrozciągliwy H.yperT.ext M.arkup L.Anguage i stanowią ogromny krok naprzód w stosunku do HTML 4.0. Łączą to, co najlepsze w HTML 4.0 z XML, aby dać projektantowi bardziej wyrafinowany schemat kodowania dla wyrafinowanego i bardziej zdecydowanego projektowania stron internetowych.

W3C, rodzice wszystkich języków HTML, opisali XHTML 1.0 jako „pierwszą poważną zmianę w HTML od czasu wydania HTML 4.0 w 1997 roku. Wprowadza rygor XML do stron internetowych i jest kluczowym elementem w pracach W3C nad tworzeniem standardów, które zapewniają bogatsze strony internetowe na coraz większej liczbie platform przeglądarek, w tym telefony komórkowe, telewizory, samochody, bezprzewodowe komunikatory wielkości portfela, kioski i komputery stacjonarne ”.

Wariacje XHTML

Dostępne są trzy różne typy XHTML, aby zaspokoić potrzeby wszystkich projektantów stron internetowych. Należą do nich XHTML Strict, Transitional i Frameset.

XHTML 1.0 Strict - najczystsza forma dla doświadczonych projektantów stron internetowych. Te wersje umożliwiają tworzenie piskliwego czystego kodu bez konieczności wstawiania kodu układu (czcionka, kolor, układ) w całym dokumencie. Zamiast tego na początku dołączasz kod CSS (Cascading Style Sheet).

XHTML 1.0 Przejściowy - środek formatu kodu drogowego, aby pomóc projektantom, którzy potrzebują czasu, aby nauczyć się tego nowego sposobu kodowania, lub chcą pomieścić widzów, którzy nadal korzystają ze starszych przeglądarek internetowych. Arkusze stylów są używane, ale dołączono również stary dobry kod HTML. Na przykład znacznik body nadal zawiera atrybuty bgcolor, tekst, linki, vlinks.

Zestaw ramek XHTML 1.0 - ta odmiana jest oczywista - używasz jej, gdy chcesz włączyć XHTML do dokumentu opartego na ramce.

Jeszcze jedna bardziej zaawansowana wersja, XHTML 1.1 umożliwia dodanie kodu modułowego na potrzeby międzynarodowe i inne specjalne potrzeby kodowania. Moduły RUBY są wbudowane w celu ułatwienia tego dodatkowego kodowania. Jedną z najbardziej znaczących zmian w XHTML 1.1 jest odłączenie danych od prezentacji. Formatowanie nie jest już osadzone w danych i można je osiągnąć tylko poprzez odwołanie się do CSS. Dzięki temu dane są dostępne do łatwego analizowania i ponownego wykorzystania przez szeroką gamę nowych produktów innych niż stacjonarne i aplikacji ułatwiających dostęp.

Porządkowanie HTML

Dave Raggett i Source Forge z W3C oferują obecnie doskonałe narzędzie typu open source, HTML Tidy dla projektantów, którzy chcą przekonwertować swoje obecne dokumenty HTML na XHTML (i uporządkować swój kod). To przydatne narzędzie pomoże zabłysnąć Twojemu kodowi, wykonując wszystkie te pomocne zadania:

• Brakujące lub niedopasowane znaczniki końcowe są wykrywane i poprawiane


• Tagi końcowe w niewłaściwej kolejności są poprawiane


• Naprawiono problemy z akcentowaniem nagłówka


• Odzyskuje z pomieszanych tagów


• Dodanie brakującego ukośnika w znacznikach końcowych dla kotwic


• Udoskonalanie list poprzez wstawianie brakujących znaczników


• Dodawane są brakujące cudzysłowy wokół wartości atrybutów


• Zgłaszane są nieznane / zastrzeżone atrybuty


• Elementy zastrzeżone są rozpoznawane i zgłaszane jako takie


• Znaczniki bez nawiasu kończącego są wykrywane


• Zastępuje nadmiarowy kod układu właściwościami stylu i regułami przy użyciu CSS


• Usuwa puste elementy akapitu i nagłówka

Nitty Gritties

Jedną z podstawowych „reguł” podczas korzystania z XHTML jest to, że kod musi być czysty i kompletny.

• Wszystkie elementy muszą mieć znaczniki zamykające i prawidłowo się zagnieżdżać.


• Wszystkie tagi muszą być pisane małymi literami - w XML rozróżniana jest wielkość liter.


• Tagi końcowe muszą być uwzględnione WSZYSTKO elementy


• Wszystkie atrybuty muszą być w cudzysłowie, np. szerokość, colspan, rządspan


• Puste elementy muszą mieć znacznik końcowy

Pomocna dłoń

Czujesz się przytłoczony nauką kolejnego formatu HTML? Pomoc jest pod ręką, jeśli tak. XStandard to edytor kodu WYSIWYG, który pomaga pisać czysty, czysty kod XHTML w XHTML 1.0 Strict lub XHTML 1.1. Twórcy opisują to oprogramowanie jako: „najbardziej zaawansowany, oparty na standardach edytor WYSIWYG na rynku. Jest idealny dla każdego systemu zarządzania treścią opartego na Windows lub przeglądarce, który obsługuje ActiveX. XStandard zarządza bogatą zawartością w dowolnym języku, ma silne funkcje ułatwień dostępu i obsługuje popularne opcje edycji, w tym tabele, zawijanie tekstu wokół obrazów oraz przeciąganie i upuszczanie plików do edytora ”. Oprogramowanie jest dostępne w bezpłatnej wersji XStandard Lite i bardziej uniwersalnej wersji XStandard Pro.

Jeśli chcesz, aby Twoja witryna działała dobrze w dzisiejszych przeglądarkach i nietradycyjnych urządzeniach, i aby nadal działała dobrze w przyszłości, dobrym pomysłem jest tworzenie nowych witryn w XHTML i konwertowanie starych stron na XHTML, na ile pozwala na to Twój harmonogram pracy. Oczywiście to nie koniec! Już trwają prace nad stworzeniem XHTML 2.0. Celem jest skupienie się wyłącznie na strukturze, a nie na kompatybilności wstecznej. Możesz przeczytać o tej najnowszej formie XHTML na stronie internetowej IBM w ich artykule, Przyszłość sieci: XHTML 2.0.

HTML Wyróżnij serię artykułów

CZĘŚĆ 1: Czy wiarygodny projektant powinien znać HTML?
CZĘŚĆ 2: HTML 3.2 - Narodziny Wilbura
CZĘŚĆ 3: HTML 4.0 I 4.01 - więcej dobrych rzeczy!
CZĘŚĆ 4: XHTML: Kodowanie sieciowe dla wyrafinowanego projektowania
CZĘŚĆ 5: DHTML: Dynamiczne kodowanie sieciowe

Instrukcje Wideo: Como hacer una Pagina Mobile First y Responsive Design 09 | Desarrollo Web (Może 2024).