Многие люди, которые не знакомы с веб-дизайном и HTML / CSS, используют а также Элемент div определяет логические разделы на вашей веб-странице. Это в основном поле, в котором вы можете разместить другие элементы HTML, которые логически объединяются. Раздел может содержать в себе несколько других элементов, например абзацы, заголовки, списки, ссылки, изображения и т. Д. Он может даже иметь другие подразделения внутри него, чтобы предоставить дополнительную структуру и организацию вашему HTML-документу. Чтобы использовать элемент div, поместите открытый ID = "myDiv">
) или селектор классов (например, класс = "bigDiv"> Элемент div отличается от элемента раздела HTML5, потому что он не дает вложенному контенту никакого смыслового значения. Если вы не уверены, должен ли блок контента быть div или секцией, подумайте о том, что цель элемента и содержимого поможет вам решить, какой из них использовать: В конечном счете, как divs, так и разделы ведут себя довольно похоже, и вы можете присвоить каждому из них значения атрибутов и стилизовать их с помощью CSS, чтобы получить внешний вид вашего сайта, который вам нужен. Оба они являются элементами уровня блока. По умолчанию элемент span является встроенным элементом. Это отличает его от элементов div и section. Элемент span часто используется для обертывания определенного фрагмента контента, обычно текста, чтобы придать ему дополнительный «крючок», который может быть создан позже. Используется с CSS, он может изменить стиль текста, который он заключает; однако без атрибутов стиля элемент span не влияет на текст вообще. Это основное различие между элементами span и div. Как упоминалось выше, элемент div включает в себя разрыв абзаца, тогда как элемент span указывает браузеру применять соответствующие правила стиля CSS к тому, что заключено в теги: Выделенный текст и не выделенный текст. Добавить класс = «изюминка»
или другого класса для элемента span для стилизации текста с помощью CSS (например, класс = «изюминка»>
). Элемент span не имеет обязательных атрибутов, но три наиболее полезных являются такими же, как те из элемента div: Используйте диапазон, когда вы хотите изменить стиль контента, не определяя этот контент как новый элемент уровня блока в документе. Например, если вы хотите, чтобы второе слово заголовка h3 было красным, вы могли бы окружить это слово элементом span, который будет стилизовать это слово как красный текст. Слово все еще остается частью элемента h3, но теперь также отображается красным: С использованием
). Оба этих атрибута могут быть затем выбраны с использованием CSS или изменены с использованием JavaScript. Существующие лучшие практики склоняются к использованию селекторов классов вместо идентификаторов, отчасти из-за того, как специфические селектора идентификаторов. По правде говоря, однако, вы можете использовать один из них и даже дать разделение как идентификатора, так и селектора классов. Когда использовать
С использованием Элемент
Это мой большой заголовок
элементы взаимозаменяемы, поскольку они создают веб-страницы. Однако реальность заключается в том, что каждый из этих HTML-элементов служит различным целям. Обучение использованию каждого по прямому назначению поможет вам разработать более чистые веб-страницы, кодам которых проще управлять в целом.
Элемент
тег перед областью вашей страницы, которую вы хотите в качестве отдельного подразделения, и закрыть
тег после него:
содержимое div
Если для области вашей страницы требуется дополнительная информация, которую вы будете использовать для стилизации с помощью CSS позже, вы можете добавить селектор id (например,
Против
