O id é usado para identificar o elemento exclusivo na página. O nome do id é um meio de controlar um determinado bloco de conteúdo. Ao colocar um determinado bloco de conteúdo em um div e atribuir a ele um id exclusivo, você pode usar seletores CSS para. definir com precisão a aparência de cada elemento da página, incluindo títulos, listas, imagens, links ou parágrafos, etc. Por exemplo, se você escrever uma regra CSS para #header, ela poderá ser completamente diferente da regra de imagem em #content.
Os estilos de link em diferentes blocos de conteúdo podem ser definidos por meio de regras diferentes. Algo assim: #nav a:link ou #main a:link ou #footer a:link. Você também pode definir estilos diferentes para os mesmos elementos em diferentes blocos de conteúdo. Por exemplo, defina os estilos de #main p e #sider p respectivamente através de #main p e #sider p. Estruturalmente falando, sua página é composta por imagens, links, listas, parágrafos, etc. Esses elementos em si não afetam o dispositivo de rede em que são exibidos (PDA, celular ou Internet TV). Eles podem ser definidos como Qualquer aparência de desempenho.
Uma página HTML cuidadosamente estruturada é muito simples e cada elemento é usado para fins estruturais. Quando você deseja recuar um parágrafo, não precisa usar a tag blockquote. Basta usar a tag p e adicionar uma regra de recuo de texto CSS a p para atingir o propósito de recuo. p é uma tag estruturada e text-indent é um atributo de apresentação. O primeiro pertence ao HTML e o último pertence ao CSS. (Esta é a lendária separação entre estrutura e expressão)
Páginas HTML bem estruturadas quase não possuem tags de atributos. O código é muito limpo e conciso. Por exemplo, o código original agora pode ser escrito apenas em HTML, e todas as coisas que controlam o desempenho são escritas em CSS. Em HTML estruturado, tabela é uma tabela, e nada mais (sem mencionar que não pode ser usada para layout e posicionamento). ) ).
É claro que os seletores CSS não são tão simples. Além de ids e classes, também existem seletores descendentes, seletores de atributos e assim por diante.