[www] Najlepsza strona Opcje

[kujawska]

Najlepsza Strona
Zdopingowany krytycznymi uwagami o WorstSite.pl przedstawiam do oceny stronę propagującą czystość.
Idea i webutility wg. mojej oceny jest trudne do podważenia ale proszę o krytyczne spojrzenie.
Najgorszą stronę przerobiłem na przyjazny i znany wszystkim webmasterom obraz.
Także proszę o nowe spojrzenie.

[kamil4u]

Ale Ty jesteś Webmasterem,więc postaraj się nie być analfabetą.
Moje strony tylko to mają pokazywać.
Zauwazyłes błąd, pokaż i pomóż w usunięciu a nie pluj bo Ci nie pasuje.

Nie mam zbyt wiele czasu, więc ocenię kod http://www.validsite.pl/ :
1.

Kod

<div id="hp">
<span id="title">Valid Site Ranking</span>
<br>
<span id="naj">Najlepsze strony w polskim Internecie.Czyje to dzieło?</span>
</div>

Tu powinno się obejść bez <div>-a o id="hp", a zamiast <span> powinieneś użyć <h1> i <h2> + odpowiedni CSS

2. Zdecydowanie za dużo atrybutów id. Znając CSS można z łatwością dostać się do większości elementów pozbywając się zbytecznych id.
3.

Kod

<div id="green"> These documents have been successfully checked </div>

Tu też powinno być odpowiednie H(x)
4. Z div-em o id 'grat' to samo
5. <tbody> powinieneś użyć raz, a w Twojej tabeli nawet wcale.
6. Robienie pustego <tr>, aby zrobić przerwę to wstyd
7. Zastanowiłbym się nad zrobieniem listy zamiast tabelki, ale to wedle gustu/indywidualnych preferencji
8.

Kod

<div id="footer">
<span>
&nbsp;&copy;&nbsp;validtsite.pl
<a id="kon" href="mailto:worstsite@wp.pl">Kontakt</a>
<a id="reg" href="java script:ontop('regulamin')">Regulamin</a>
<a href="http://www.facebook.com/pages/WorstSitepl/216114041778225?sk=wall">
<a href="http://validator.w3.org/check?uri=referer">
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img id="css" alt="Poprawny CSS!" src="css.png">
</a>
</span>
</div>

Nie użyłbym tutaj <span>-a i znów dużo niepotrzebnych id.
9. kod uporządkuj- ostępy, wcięcia, itd.

Podsumowanie:
- za dużo id
- za mało elementów przeznaczonych zgodnie z ich przeznaczeniem np. nagłówków
- często dużo nie potrzebnych elementów np. <span> czy <div>
- warto też używać atrybutów title czy alt

Generalnie nie jest źle(pod względem poprawności HTML). Napisałem to po to, abyś zwrócił uwagę, że nawet jak masz "zielony" kod to wcale nie znaczy, że jesteś mistrzem HTML czy CSS. Trzeba jeszcze używać odpowiednich znaczników do odpowiednich celów i starać się pisać jak najbardziej czytelny kod.

Pozdrawiam i życzę sukcesu.