XHTML (ang. Extensible HyperText Markup Language) to rozszerzalny hipertekstowy język znaczników. Jest to zmodyfikowany HTML (ang. HyperText Markup Language), czyli język znakowania przeznaczony do kodowania dokumentów tekstowych przy pomocy specjalnych elementów – znaczników. Jest specjalnie zaprojektowany do zastosowań internetowych. W wersji HTML 4.01 zostały dodane kaskadowe arkusze stylów (CSS) pozwalające projektować stronę wizualną serwisów.
1. PODSTAWY XHTML
Elementy w XHTML składają się z trzech części: znacznika otwierającego, zawartości i znacznika zamykającego. Znacznik otwierający jest nazwą elementu ograniczoną znakami mniejszości i większości: <head>, <body>, <p>, <ul>. Znacznik zamykający jest nazwą elementu, poprzedzoną znakiem ukośnika (/) i oznaczoną znakami mniejszości i większości: </head>, </body>, </p>, </ul>. Niektóre elementy nie posiadają zawartości np.: dzielenie wiersza <br />, wstawienie linii poziomej <hr />. W XHTML atrybuty i znaczniki pisze się zawsze małymi literami a encje kończy za pomocą spacji i />. Brak spacji np.: <br/> jest błędnym zapisem. W zwykłym HTML ukośnik nie był potrzebny, prawidłowym zapisem było <br>, można także było używać dużych liter <BR>. Stosowanie małych czy dużych liter zależało od upodobań.
Przykład 1. Prosty dokument XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Reply-to" content="Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript."/>
<meta http-equiv="Content-Language" content="pl" />
<meta name="Description" content="To co się wyświetla w opisie na google.pl" />
<meta name="Author" content="Klimek Piotr" />
<meta name="keywords" content="Slowa kluczowe przy wyszukiwaniu" />
<meta name="Robots" content="ALL" />
<title>Projekt na obronę pracy Inżynierskiej.</title>
<link rel="stylesheet" href="/../css/user.css" type="text/css" />
<script type="text/javascript" src="/../js/validate.js"></script>
</head>
<body>
</body>
</html>
Na początku dokumentu umieszczono informację o wersji XHTML 1.0 TRANSITIONAL:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Element główny musi zawierać deklarację xmlns:
<html xmlns="http://www.w3.org/1999/xhtml">
Między znacznikami <head> umieszczono informacje o tytule strony, autorze przeglądarki oraz dołączono pliki JavaScript czy CSS.
Poniższy znacznik <meta> Odpowiada za kodowanie na stronie:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
E-mail zwrotny zawiera znacznik:
<meta http-equiv="Reply-to" content="Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript."/>
Za określenie języka w dokumencie odpowiada znacznik:
<meta http-equiv="Content-Language" content="pl" />
Poniższa wartość <meta> zawiera opis, który wyświetla się w wyszukiwarce:
<meta name="Description" content="Informacja wyświetlana np.: w google.pl" />
Znacznik <meta name="Author" content="Klimek Piotr" /> umożliwia podanie imienia i nazwiska autora
strony, natomiast słowa brane pod uwagę przez wyszukiwarkę umieszczono w:
<meta name="keywords" content="Słowa kluczowe przy wyszukiwaniu" />
Pliki widoczne dla robotów internetowych na potrzeby wyszukiwarek definiuje znacznik:
<meta name="Robots" content="ALL" />
Tytuł dokumentu definiuje znacznik:
<title>Projekt na obronę pracy inżynierskiej.</title>
Zewnętrzny plik css jest dodawany za pomocą:
<link rel="stylesheet" href="/../css/user.css" type="text/css" />
a JavaScript poprzez:
<script type="text/javascript" src="/../js/validate.js"></script>
Między znacznikami <body> umieszcza się zawartość strony.
- Poprzedni artykuł
- Następny artykuł »»