Все мы знаем, что важной составляющей здания является установление его фундамента, причем без прочного и хорошего фундамента. Великолепного внешнего вида и отделки больше нет. Мы создаем веб-страницы, соответствующие веб-тегам, и большинство людей больше интересуются технологией CSS и ее применением. Но нам также необходимо понимать, что каким бы мощным ни был CSS, он также влияет на XHTML. Без хорошо структурированной основы XHTML реализовать наш макет будет сложнее. Возможно, наш фундамент очень прочный, но сложные детали и непродуманная структура также станут препятствиями для нашего развития.
На заре Интернета HTML использовался только для добавления базовой формы и структуры. С развитием Интернета для представления страниц стал использоваться HTML. Мы используем различные комбинации для достижения желаемого вида. Мы привыкли использовать тег B для выделения заголовка документа, но не используем заголовок h1~h6 для его отображения. Что еще более важно, мы использовали таблицы для макетирования. Раньше таблицы использовались только для отображения данных таблицы, а не для макетирования и отображения макета. Вскоре мы обнаружили, что все было потеряно. Шрифтовое оформление, таблицы, выделение жирным шрифтом и т. д. превратились в беспорядок. становится непонятным. И это становится все более и более сложным.
Мы все чаще склоняемся к использованию инструментов WYSIWYG, таких как Dreamweaver, для обработки веб-страниц, но, к сожалению, такое программное обеспечение не исправляет эту хаотичную ситуацию, а вместо этого добавляет собственную более сложную разметку. В этом случае мы уже не можем редактировать код вручную, и все выглядит совсем плохо.
С появлением CSS мы увидели зарождение надежды на создание веб-страниц, соответствующих веб-стандартам. Люди уделяют все больше внимания реконструкции веб-сайтов, чтобы отделить производительность от контента. Наступила новая эра. Мы можем удалить некоторые бессмысленные теги, такие как: шрифт, b, i и т. д. Мы оставляем эти задачи CSS. Мы можем использовать CSS для макета вместо использования таблиц для построения страниц.
Мы можем создавать документы в соответствии со значением самого тега и переопределять их внешний вид с помощью CSS, используя стиль браузера по умолчанию. Заголовки, абзацы или списки в контенте — мы можем сбросить их с помощью CSS. Заголовки не обязательно должны быть большими, жирными и некрасивыми. В абзацах можно контролировать межстрочный интервал и отступы. Списки не обязательно должны быть вертикальными, мы также можем расположить их горизонтально. и т. д.
Преимущество значимых тегов облегчает нам понимание содержимого кода и его обработку. Например, если нам нужно изменить все внешние ссылки на странице, если мы добавим к этим элементам соответствующие теги, мы сможем легко их найти и изменить. Если все перемешано, нам не с чего начать.
Помимо упрощения разработки, другие устройства и программы также могут лучше понимать документы. Наиболее типичным из них является распознавание поисковыми системами. Поисковые системы могут легко находить заголовки и подзаголовки в контенте статей. Если зритель использует портативное устройство для чтения, вы можете положиться на заголовок, содержание и т. д., чтобы обеспечить хорошую навигацию и пропорции отображения.
Самое главное, что содержательные теги HTML предоставляют простой способ настройки элементов в соответствии с нужным вам стилем. Эти значимые теги создают базовую структурную модель документа, и нам не нужно добавлять другие элементы. и другие идентификаторы могут напрямую контролировать производительность.
Эти значимые теги в основном включают в себя:
h1, h2...h6;
ул,ол,дл;
сильный, эм;
цитата, цитирование;
сокращение, аббревиатура, код;
набор полей, легенда, метка;
заголовок, заголовок, tbody, tfoot и т. д.
В макете страницы CSS, если вы можете их использовать, не используйте другие вещи. Старайтесь использовать осмысленные HTML-теги.