Блочный элемент обычно является элементом-контейнером для других элементов. Блочные элементы обычно начинаются с новой строки. Он может включать в себя строчные элементы и другие блочные элементы. Обычным блочным элементом является тег абзаца «P». Что необычно, его можно использовать только для хранения других элементов блока. Без помощи CSS элементы блока будут располагаться по одной строке. С помощью CSS мы можем изменить режим макета этого HTML по умолчанию и разместить элементы блока там, где вы хотите. Вместо того, чтобы тупо каждый раз начинать новую строчку. Следует отметить, что тег table также является типом блочного элемента. Макет на основе таблицы и макет на основе CSS рассматривают эти два макета с точки зрения обычных пользователей (за исключением людей с нарушениями зрения, слепых и т. д.), за исключением людей с ограниченными возможностями. Кроме скорости загрузки страницы другой разницы нет. Но если обычный пользователь случайно нажмет кнопку просмотра исходного кода страницы, разница между ними будет очень большой. Исходный код страницы макета CSS, разработанный на основе хороших концепций реконструкции, может, по крайней мере, позволить обычным пользователям без опыта веб-разработки быстро понять контент. С этой точки зрения код макета CSS должен иметь лучший эстетический вид. Вы можете думать о блоке-контейнере div как о блоках, или, если вы играли с обрезкой, это будет легче понять. Предварительно вырезаем необходимые статьи из различных газет и журналов. Каждая часть вырезанного контента представляет собой блок. Затем мы наклеили эти листы бумаги на новый лист бумаги в соответствии с нашим замыслом макета. Это сформирует ваш собственный уникальный тезис. В качестве расширения этой технологии дизайн веб-макета следует той же схеме. Встроенные элементы обычно основаны на базовых элементах на семантическом уровне. Встроенные элементы могут содержать только текст или другие встроенные элементы, как и обычный встроенный элемент «a». Следует отметить, что китайское название строчного элемента включает в себя множество строчных элементов, строчных элементов, строчных элементов и строчных элементов. По сути, единого перевода не существует, называйте его как хотите. Кроме того, говоря о встроенных элементах, мы будем иметь в виду атрибут отображения под названием display:inline; этот атрибут может исправить известную проблему двойной плавающей границы IE. Блочный элемент (block element) и встроенный элемент (inline element) — понятия в спецификации HTML. Основное различие между блочными и строчными элементами заключается в том, что блочные элементы обычно начинаются с новой строки. Когда добавляется элемент управления CSS, эта разница в атрибутах между блочными и встроенными элементами больше не становится разницей. Например, мы можем добавить такой атрибут, как display:block, к встроенному элементу cite, чтобы он также имел атрибут начинать каждый раз с новой строки. Переменные элементы основаны на двух предыдущих элементах и меняются в зависимости от среды. Их основная концепция заключается в том, что на основе контекста необходимо определить, является ли элемент блочным элементом или встроенным элементом. Переменные элементы по-прежнему относятся к двум вышеуказанным категориям элементов. Как только контекст определяет их категорию, они должны следовать правилам блочных или встроенных элементов. Подробности блочной и встроенной классификации html-тегов: блочный элемент div css xhtml xml Пример исходного кода Пример исходного кода встроенный элемент div css xhtml xml Пример исходного кода Пример исходного кода изменяемые элементы 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 – несортированный список
◎ a — точка привязки ◎ abbr — аббревиатура ◎ акроним — начальная буква ◎ b — жирный шрифт (не рекомендуется)
◎ bdo - переопределение биди
◎ big — крупный шрифт ◎ br — разрыв строки ◎ cite — цитата ◎ code — компьютерный код (обязательно при цитировании исходного кода)
◎ dfn — определить поля ◎ em — подчеркнуть ◎ шрифт — настройки шрифта (не рекомендуется)
◎ i — курсив ◎ img — изображение ◎ input — поле ввода ◎ kbd — определение текста с клавиатуры ◎ label — метка таблицы ◎ q — короткая цитата ◎ s — подчеркивание (не рекомендуется)
◎ samp — определение примера компьютерного кода ◎ select — выбор элемента ◎ small — текст мелким шрифтом ◎ span — часто используемый встроенный контейнер, определение блоков внутри текста ◎ забастовка — подчеркивание ◎ сильное — выделение жирным шрифтом ◎ подстрочный индекс ◎ суп — надстрочный индекс ◎ текстовая область — поле ввода многострочного текста ◎ tt - телексный текст ◎ u - подчеркивание ◎ var - Определить переменные
Изменяемый элемент — это блочный элемент или встроенный элемент в зависимости от контекста.
◎ апплет-Java-апплет
◎ кнопка - кнопка ◎ del - удалить текст ◎ iframe - встроенный фрейм
◎ ins - вставленный текст ◎ карта - блок изображений (карта)
◎ объект — объект-объект ◎ скрипт — клиентский скрипт