Schemat strony WWW zgodnej z W3C

standardy w3c

standardy w3cOstatnim razem pisałem o optymalizacji stron WWW, jej inną formą jest zachowanie ówczesnych standardów i co się z tym wiąże identyczne jej wyświetlanie we wszystkich przeglądarkach.

Aby sprawdzić czy nasza strona internetowa ma poprawny kod przeprowadzić musimy walidację kodu HTML. Zrobić to możemy na tej stronie. Arkusz styli kaskadowych CSS sprawdzić możemy natomiast pod tym adresem. Aby spełnić wymagania walidatora oprócz poprawnego kodu musimy również prawidłowo zdefiniować znacznik doctype oraz kodowanie strony. Wielu projektantów stron WWW ma z tym pewne problemy a wystarczy stworzyć sobie jeden schemat i stosować go we wszystkich projektach.

Poniżej przedstawię gotową strukturę strony, która w 100% zgodna jest ze standardami w3c.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
sekcja head naszej strony ...
</head>
 
<body>
treść naszej strony ...
</body>
</html>

Oprócz tego należy pamiętać o slashu na końcu znaczników meta. Poniżej przedstawię prawidłowy zapis niektórych elementów sekcji nagłówka strony. Najlepsze i niezawodne kodowanie dla stron WWW to UTF-8 (gdy istnieje opcja bez BOM należy ją zaznaczyć – jest tak w np. Notepadzie++).

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- kodowanie UTF-8 -->
 
<meta name="keywords" content="słowa kluczowe"/>
<meta name="Author" content="Grzegorz Bielak" />
<meta name="copyright" content="Grzegorz Bielak, http://webdesign.grzegorzbielak.pl/" />

Warto też zaznaczyć jak należy w tym przypadku stosować znaczniki nowej linii. Poniżej przedstawię ich poprawne zastosowanie.

<br /> <!-- jest to pojedyncze przejście do nowej linii -->
<br></br> <!-- a to jest przejście o 2 linie -->
<!-- nie wolno stosować --> <br><br><br> <!-- gdyż wg walidatora jest to błąd -->
You can leave a response, or trackback from your own site.

Leave a Reply

Powered by WordPress | Designed by: NewWpThemes | Thanks to Free WordPress Themes