В чем разница между <section>и <div>?

Question

В чем разница между <section> и <div> в HTML? Разве мы не определяем разделы в обоих случаях?

Answer 1

<section></section>

Элемент HTML <section> представляет общий раздел документ, то есть тематическая группировка контента, обычно с заголовок. Каждый <section> должен быть идентифицирован, как правило, путем включения заголовок (<h1> - <h6> элемент) как потомок <section> элемент. Для деталей, пожалуйста, перейдите по ссылке.

Рекомендации:

• http://www.w3schools.com/tags/tag_section.asp
• https://developer.mozilla.org/en/docs/Web/HTML/Element/section

---

<div></div>

Элемент HTML <div> (или элемент HTML Document Division) является универсальный контейнер для потока содержимого, который по своей сути не представлять что угодно. Может использоваться для группировки элементов для стиля целей (используя атрибуты class или id), или потому что они разделяют значения атрибута, такие как lang. Следует использовать только тогда, когда нет другого семантический элемент (например, <article> или <nav>) является подходящим.

Ссылка: - http://www.w3schools.com/tags/tag_div.asp - https://developer.mozilla.org/en/docs/Web/HTML/Element/div

---

Вот несколько ссылок, в которых больше говорится о различиях между ними:

• http://html5doctor.com/avoiding-common-html5-mistakes/
• https://teamtreehouse.com/community/use-div-or-section-element
• http://webdesign.about.com/od/html5tags/fl/div-vs-section.htm

Answer 2

Тег <section> определяет разделы в документе, такие как главы, верхние и нижние колонтитулы или любые другие разделы документа.

тогда:

Тег <div> определяет раздел или раздел в документе HTML.

Тег <div> используется для группировки блочных элементов для форматирования их с помощью CSS.