WebModTools
Discord
Web

Higiene HTML e CSS

Markup aborrecido envelhece melhor que sopa de divs com inline styles por todo o lado.

Referência independente WebModTools — sem afiliação com Discord Inc., Mojang, Rockstar ou ZAP-Hosting além dos links de afiliado indicados. Os factos mudam; confirma na documentação oficial quando importa.

Markup

  • Um h1 por página; aninha headings por ordem.
  • Buttons para acções, links para navegação — não finjas nenhum com spans random.
  • Alt text em imagens com significado; alt vazio em decorativas.
  • Forms com labels ligados aos inputs — placeholders não são labels.

CSS

  • Prefere um set pequeno de tokens (spacing, type, color) a números mágicos soltos.
  • Mobile first: se só funciona a 1440px, não funciona.
  • Evita guerras !important — costumam significar dívida de specificity.