Блочный элемент обычно является элементом-контейнером для других элементов. Блочные элементы обычно начинаются с новой строки. Он может включать в себя строчные элементы и другие блочные элементы. Обычным блочным элементом является тег абзаца «P». В частности, его можно использовать только для размещения других элементов блока.
Без функции CSS элементы блока будут располагаться по одной строке. С помощью CSS мы можем изменить макет этого режима HTML по умолчанию. элемент там, где вы этого хотите, вместо того, чтобы каждый раз тупо начинать новую строку. Следует отметить, что тег таблицы также является типом блочного элемента, и с точки зрения пользователей обычно используются макеты на основе таблиц и CSS. (за исключением людей с нарушениями зрения, слепых и т. д.), между этими двумя макетами нет никакой другой разницы, кроме скорости загрузки страницы. Однако, если обычный пользователь случайно нажмет кнопку просмотра исходного кода страницы, появятся два макета. Разница, показанная пользователями, очень велика. Исходный код страницы макета CSS, разработанный на основе концепции хорошей реконструкции, может, по крайней мере, позволить обычным пользователям без опыта веб-разработки быстро понять содержимое. лучший эстетический опыт.
Вы можете представить себе блок-контейнер div как коробку, или, если вы поигрались с обрезкой, давайте сначала вырежем необходимые статьи из различных газет. вырезанного контента — это блок. Затем мы приклеиваем эти листы бумаги на новый чистый лист бумаги, чтобы сформировать свой собственный уникальный дайджест. В качестве расширения технологии дизайн веб-макета также следует тому же шаблону,
который обычно основан на семантике
.уровневые (семантические) элементы. Встроенные элементы могут содержать только текст или другие строчные элементы. Элемент, общий строчный элемент «a».
Необходимо объяснить следующее: китайское название строчного элемента включает в себя множество строчных элементов, строчных элементов, встроенные элементы и прямые элементы. Единого перевода практически не существует. проблема с плавающей границей
(блочный элемент) и встроенный элемент (встроенный элемент) — это концепции в спецификации HTML. Основное различие между блочными элементами и встроенными элементами заключается в том, что блочные элементы обычно начинаются с новой строки. Разница в атрибутах между блочными и встроенными элементами не становится проблемой. Разница есть. Например, мы можем добавить такой атрибут, как display:block, к встроенному элементу cite, чтобы он также имел атрибут начала с нового. line каждый раз.
Переменный элемент изменяется в зависимости от среды на основе двух предыдущих. Основная концепция заключается в том, что ему необходимо определить, является ли элемент блочным элементом или встроенным элементом, на основе контекста. Переменные элементы по-прежнему относятся к двум вышеуказанным категориям элементов. Как только контекст определяет их категорию, они должны следовать правилам блочных или встроенных элементов.
Подробности блочной и встроенной классификации HTML-тегов:
элемент блока (элемент блока)
div css xhtml xml Пример исходного кода Пример исходного кода
◎ адрес - адрес ◎ blockquote - блочная кавычка ◎ центр - блок выравнивания ◎ dir - список каталогов ◎ div - часто используемое удобство уровня блока, а также основной тег макета CSS ◎ dl - список определений ◎ fieldset - группа управления формой ◎ форма - взаимодействие Форма◎ h1 - Заголовок ◎ h2 - Подзаголовок ◎ h3 - Заголовок уровня 3 ◎ h4 - Заголовок уровня 4 ◎ h5 - Заголовок уровня 5 ◎ h6 - Заголовок уровня 6 ◎ hr - Горизонтальная разделительная линия ◎ isindex - приглашение для ввода
◎ меню — список меню ◎ noframes — необязательное содержимое фреймов (отобразить содержимое этого блока для браузеров, не поддерживающих фреймы) ◎ noscript — необязательное содержимое скрипта (отобразить это содержимое для браузеров, не поддерживающих скрипты)
◎ ol - отсортированная форма ◎ p - абзац ◎ предварительно отформатированный текст ◎ table - таблица ◎ ul - встроенный
элемент несортированного списка (inline element)
div css xhtml xml Пример исходного кода Пример исходного кода
◎ a — точка привязки ◎ abbr — аббревиатура ◎ акроним — начальная буква ◎ b — жирный шрифт (не рекомендуется)
◎ bdo - переопределение биди
◎ big — крупный шрифт ◎ br — перенос строки ◎ cite — цитата ◎ code — компьютерный код (обязательно при цитировании исходного кода)
◎ dfn — определить поля ◎ em — подчеркнуть ◎ шрифт — настройки шрифта (не рекомендуется)
◎ i — курсив ◎ img — изображение ◎ input — поле ввода ◎ kbd — определение текста с клавиатуры ◎ label — метка таблицы ◎ q — короткая цитата ◎ s — подчеркивание (не рекомендуется)
◎ samp — определяет пример компьютерного кода ◎ select — выбор элемента ◎ small — текст мелким шрифтом ◎ span — часто используемый встроенный контейнер, определяет блоки внутри текста ◎ зачеркивание — подчеркивание ◎ сильное — выделение жирным шрифтом ◎ подстрочный индекс ◎ суп — надстрочный индекс ◎ текстовая область — поле ввода многострочного текста ◎ tt – телексный текст ◎ u – подчеркивание ◎ var – определить переменную переменную
element
div css xhtml xml Пример исходного кода Пример исходного кода
Изменяемый элемент — это блочный элемент или встроенный элемент в зависимости от контекста.
◎ апплет-Java-апплет
◎ кнопка - кнопка ◎ del - удалить текст ◎ iframe - встроенный фрейм
◎ ins - вставленный текст ◎ карта - блок изображений (карта)
◎ объект — объект-объект ◎ скрипт — клиентский скрипт