Span/Div etc.

Om man "genbruger" eller ej som du udtrykker det, har intet med forskellen på *id* og *class* at gøre.

Man bruger oftest *id* når når man "omdefinerer" et eksistrerende html tag. Gerne flere gange end én.
Oftest vil det være i forbindelse med span eller div tags, men ikke nødvendigvis.

*class* bruges mest til at definere tekster osv, men igen, ikke nødvendigvis.

-------------------

Forskel på Span/Div:

Span tags bruges til at strukturere "inline" indhold i et dokument (fx. noget indhold i noget andet stylet indhold som skal se ud/opføre sig på en bestemt måde)

Div tags bruges derimod til at structurere "blocklevel" indhold (altså lige modsat "inline").

Et eksempel kunne være at du smider et <div> </div> uden om en tekst eller et <p> tag og tilføjer div tagget en baggrundsfarve og inden bredde.
Så vil se at det opfører sig som et "block-level" element, idet det farver ikke blot baggrunden på teksten, men på hele sidens bredde.

Gør du det samme med et Span tag, farver det kun baggrunden på teksten deri. Deraf "inline".