Różnorodność znaczników html Opcje

[andrzolide]

Mam pytanie dotyczące html i css które w skrócie brzmi tak: Po co używać tak różnorodnych znaczników w html jak można większość nich zastąpić divami? Choćby lista wypunktowana ul, po co to jak można zrobić serię divów z classami? Czy taki znacznik jak span, który z tego co wiem, prawie nie różni się od diva. No i druga rzecz, co jest lepsze i dlaczego: dodanie obrazka w html (img src...), a dodanie diva ze zdefiniowanym backgroundem w css.

[Crozin]

HTML służy opisowi struktury dokumentu. Seria DIVów z klasami nie ma żadnego semantycznego znaczenia w przeciwieństwie do elementów UL/LI (lista) czy TABLE/TR/TD (tabela). Po co nadawać to znaczenie elementom? Tak jak przy pomocy stylów CSS sprawiasz, że strona wizualnie staje się czytelna dla człowieka i potrafi on z niej wyciągnąć więcej informacji, tak dla maszyny poprawnie zapisany dokument umożliwia jej poprawną interpretację strony. Innymi słowy taki robot Google czy innej wyszukiwarki jest wstanie później lepiej przygotować wyniki wyszukiwania, a jakiś OCR z którego korzysta osoba niewidoma jest wstanie czytać tekst w poprawnej kolejności.

Czym różni się obrazek wstawiony przez IMG od obrazka ustawionego jako tło elementu? Ten pierwszy jest częścią treści strony (np. zdjęcie czy cała galeria dołączona przy jakimś artykule), zaś ostatni jedynie elementem dekoracyjnym, bez wartości merytorycznej.

[andrzolide]

Dzięki za szybką i jasną odpowiedź.