Creare siti web compatibili con palmari, smartphones e simili

[firefox88]

Salve a tutti,

posto che sono del tutto ignorante in materia e non dispongo di nessuno di questi "giocattoli", sarei curioso di sapere quali sono i parametri da rispettare per rendere un sito web compatibile con i browser (e gli schermi) di palmari e smartphones.

Qual è la strategia più diffusa? Si fa browser sniffing e di conseguenza si indirizza l'utente verso una pagina più ampia (per i computer) o più ristretta (per i dispositivi portatili)? In tal caso quali sono le sottostringhe da ricercare negli User-Agent (per discriminare tra i due tipi di browser), e qual è la "larghezza massima" per tabelle, immagini, ecc...?
Esiste uno standard (X)HTML specifico?

Grazie in anticipo

[LineaPixel]

Sei giusto un po' fuori sezione....
Passa in XHTML o, ancora meglio, in CSS

[firefox88]

Ora non posso postare in un'altra sezione perché farei crossposting... Chiedo gentilmente a un clemente moderatore di spostare il topic.

[Myaku]

in linea di massima, inizi con una buona progettazione del codice (quindi separando le informazioni - html - dalla presentazione - css -). Quindi gestisci un foglio di stile @media handheld

<link rel="stylesheet" type="text/css" media="handheld" href="percorso/file.css" />

ti sposto su css per altre info su proprietà, gestione delle larghezze e degli elementi "superflui" e quant'altro ti possa servire in tal senso.

[firefox88]

Originariamente inviato da Myaku

<link rel="stylesheet" type="text/css" media="handheld" href="percorso/file.css" />

Grazie, non sapevo!

Però questo non basta, devono cambiare i percorsi delle immagini e anche il markup XHTML (in alcuni punti).
Le stringhe user-agent dei palmari o smartphones hanno una sottostringa in comune?