XHTML

Kilka zasad:

Deklaracja DOCTYPE przed tagiem html:

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

Deklaracja XMLa:

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

Deklaracja zawartości:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

Zamykanie każdego tagu

<p>Aby być zgodnym z XHTML ten tag musi zostać zamknięty.</p>

oraz

<img src="obrazek/hawt_chix.jpg" alt="babe" />

Wszystkie tagi muszą być poprawnie zagnieżdżone

<p>Myślę, <em>ergo</em> jestem.</p>

Tagi wbudowane nie mogą zawierać tagów blokowych

Tagi wbudowane (inline) to przykładowo a lub em. Tagi blokowe to p i div.

Wszystkie tagi piszemy małymi literami

Atrybuty muszą mieć wartości i muszą być w cudzysłowiu

<select name="animals">
<option value="cats"></option>
<option value="dogs" selected="selected">Dogs</option>
</select>

Używaj kodowych odpowiedników znaków specjalnych

Przykładowo < to odpowiednik <. & to &

Dodawanie CSSa

Są trzy sposoby użycia stylów na stronie: wewnętrzne (inline), osadzone i znajdujące się w osobnym pliku.

Wewnętrznie:

<p style="color:blue; margin:20px">...</p>

Osadzone:

wstawiając go w nagłówku pliku HTML:

<head>
<style type="text/css">
hr {color:sienna}
p {margin-left:20px}
body {background-image:url("images/back40.gif")}
</style>
</head>

W osobnym pliku:

wstawiając style w pliku CSS i linkując go ze stroną HTML:

selector {property:value;}

i wtedy w pliku HTML:

<link rel="stylesheet" type="text/css" href="style.css" />

Priorytety przekazywania:

inline > wewnętrzny (w dokumencie) > wewnętrzny (zaimportowany) > zewnętrzny (w pliku css) > zewnętrzny zaimportowany > wartości domyślne

Klasy

Klasy definiujemy w CSS przez:

p.right {text-align: right;}

a w pliku HTML:

<p class="right">...</p>

Zapis:

.right {text-align: right;}

odnosić się będzie do wszystkich selektorów o klasie right.

Identyfikatory ID

#green {color: green;}

a w pliku HTML:

<p id="right">...</p>

Inne

Komentarze:

/* komentarz */

Importowanie innych plików CSS:

@import url(style.css);

Grupowanie:

h1,h2,h3,h4,h5 {color:navy;}

Nadawanie stylu elementom HTML o danym typie:

input[type="text"] {background-color:blue}

sqWiki

Table of Contents

XHTML

Deklaracja DOCTYPE przed tagiem html:

Deklaracja XMLa:

Deklaracja zawartości:

Zamykanie każdego tagu

Wszystkie tagi muszą być poprawnie zagnieżdżone

Tagi wbudowane nie mogą zawierać tagów blokowych

Wszystkie tagi piszemy małymi literami

Atrybuty muszą mieć wartości i muszą być w cudzysłowiu

Używaj kodowych odpowiedników znaków specjalnych

Dodawanie CSSa

Wewnętrznie:

Osadzone:

W osobnym pliku:

Priorytety przekazywania:

Klasy

Identyfikatory ID

Inne

Linki

CSS3

sqWiki

User Tools

Site Tools

Table of Contents

XHTML

Deklaracja DOCTYPE przed tagiem html:

Deklaracja XMLa:

Deklaracja zawartości:

Zamykanie każdego tagu

Wszystkie tagi muszą być poprawnie zagnieżdżone

Tagi wbudowane nie mogą zawierać tagów blokowych

Wszystkie tagi piszemy małymi literami

Atrybuty muszą mieć wartości i muszą być w cudzysłowiu

Używaj kodowych odpowiedników znaków specjalnych

Dodawanie CSSa

Wewnętrznie:

Osadzone:

W osobnym pliku:

Priorytety przekazywania:

Klasy

Identyfikatory ID

Inne

Linki

CSS3

Page Tools