Идентификатор используется для идентификации уникального элемента на странице. Имя идентификатора является средством управления определенным блоком контента. Поместив определенный блок контента в элемент div и присвоив ему уникальный идентификатор, вы можете использовать селекторы CSS. точно определить внешний вид каждого элемента страницы, включая заголовки, списки, изображения, ссылки или абзацы и т. д. Например, если вы напишете правило CSS для #header, оно может полностью отличаться от правила изображения в #content.
Стили ссылок в разных блоках контента могут определяться с помощью разных правил. Примерно так: #nav a:link или #main a:link или #footer a:link. Вы также можете определить разные стили для одних и тех же элементов в разных блоках контента. Например, определите стили #main p и #sider p соответственно через #main p и #sider p. Структурно ваша страница состоит из картинок, ссылок, списков, абзацев и т. д. Эти элементы сами по себе не влияют на то, на каком сетевом устройстве они отображаются (КПК, мобильный телефон или интернет-телевидение). Их можно определить как любой вид исполнения.
Тщательно структурированная HTML-страница очень проста, и каждый элемент используется для структурных целей. Если вы хотите сделать отступ для абзаца, вам не нужно использовать тег blockquote. Просто используйте тег p и добавьте правило отступа текста CSS к p, чтобы добиться цели отступа. p — это структурированный тег, а text-indent — атрибут представления. Первый принадлежит HTML, а второй — CSS. (Это легендарное разделение структуры и выражения)
Хорошо структурированные HTML-страницы практически не содержат атрибутивных тегов. Код очень чистый и краткий. Например, исходный код теперь можно писать только на HTML, а все, что контролирует производительность, — на CSS. В структурированном HTML таблица — это таблица, а не что-то еще (не говоря уже о том, что ее нельзя использовать для разметки и позиционирования). ) ).
Конечно, селекторы CSS не так просты. Помимо идентификаторов и классов, существуют еще селекторы потомков, селекторы атрибутов и так далее.