tagi w dokumencie html

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ąć.

Poprzedni

auta.cc – blog o autach

Następne

metody ukrywania adresu email

2 komentarze

  1. 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.

  2. 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.

Oparte na WordPress & Theme by Anders Norén