Zalecenia dla programistów.
Mógłbym opisać różnice między XHML’em a HTML. Ale to bez sensu. Ta wiedza niczego nie zmienia, ponieważ lepiej pisać dobrze w tym co mówi XTML, ponieważ w samym HTML’u wtedy też będzie dobrze.
Małe litery
Zawsze tagi i atrybuty pisz małymi literami. Tak po prostu.
Zamykanie tagów
Zamykaj zawsze. Tagi „bez końca” zamykaj w taki sposób <hr />. Tagi z końcem w taki sposób: <p>treść</p>. Brak zamknięcia powoduje wystąpienie błędów, a czasem niszczy układ strony.
Jakich tagów musisz używać?
Szczególne wtedy kiedy praca jest podzielona i to co piszesz, będzie obrabiał jeszcze webdeveloper? Odpowiedź jest super prosta. Powinieneś używać jak najmniejszej liczby tagów. Zasada jest tym lepsza, że im mnie tagów i ich atrybutów tym lepiej.
Lista tagów do których powinien ograniczyć się programista:
- html, head, title, body
- konstrukcja strony – wymagane, bez tego cały dokument jest nieprawidłowy. title – może być puste
- p
- paragraf, podstawowy tag, w którym umieszczamy treśc, dbaj o to żeby zawsze umieszczać treść w takim tagu
- table, tr, td
- obsługa tabeli – ogranicz się do tych trzech tagów, więcej nie potrzebujesz
- hr
- linia pozioma, oddzielaj koncepcyjne części, następnie webowiec wyłączy widoczność tych lini, będą widoczne w przeglądarkach tekstowych oraz/lub w drukowanej wersji strony
- form, input, select, textarea
- obsługa formularzy – wymienione tagi pozwalają na pełną obsługę formularzy
- h3, h4, h5, h6
- nagłówki – użyj zgodnie z ważnością: h3 – tytuł strony, h4 – podtytuł lub sekcja. dlaczego nie zacząć od h1 i h2? dlatego, że h1 powinien być wykorzystany jako tytuł serwisu, a h2 – sekcja w której jesteś
Jakich tagów nie powinieneś używać?
W szczególności nie używaj tagów: br i font. Pierwsze co będzie musiał zrobić webowiec to usunąć wszystkie takie wpisy. Niewskazane jest używanie div i span, bo musisz wiedzieć dlaczego to robisz. Tagi wizualne: i, b powinny być zapomniane, bo niczego nie wnoszą.
Atrybuty
Używaj tylko tych atrybutów które są potrzebne do wypełniania formularzy. innych nie używaj, bo i tak większość z nich webdeveloper będzie musiał usunąć.
Metys
Moim zdaniem warto wprowadzic zalozenie, ze tabela MUSI zawierac przynajmniej jeden tag typu tbody. Struktura powinna byc table/tbody(jedno lub wiele)/tr/td. Co prawda transitional html 4.01 tego nie wymaga, ale wszystkie strict’y i xhtml tak. Poza tym, uzyskujemy dodatkowy poziom w hierarchii css, czesto pozwalajacy pominac kilka definicji klas.
Filip
Uwaga ogólna: jak się nie wie, co się robi, to lepiej w ogóle nic nie robić.
Uwaga a’propos tabel – ja bym nie zapominal o stosowaniu thead albo th. plusy: lepsza reprezentacja struktury, dobre renderowanie naglowkow w wielu czytnikach.