Разница между тегом div и span

Кто-нибудь может дать мне разницу между тегами div и span?

Ответ 1

a div - это уровень блока, что означает его на отдельной отдельной строке. a span является встроенным, поэтому он является дочерним элементом другого элемента уровня блока.

<p><span>blah</span> <span>foo</span></p>

^ Я могу иметь несколько интервалов внутри блочного уровня. Все они отображаются в одной строке.

<div>foo</div><div>blah</div>

^ Эти divs будут на отдельных строках.

С CSS, однако, вы можете легко переопределить стили для уровней span и block, но это не должно иметь никакого отношения к вашей начальной разметке и структуре.

Ответ 2

Разница между span и div заключается в том, что элемент span in-line и обычно используется для небольшого фрагмента in-line HTML, тогда как элемент div (деление) block-line (который в основном эквивалентно разрыву линии до и после него) и используется для группировки больших фрагментов кода.

<div id="scissors">
    <p>This is <span class="paper">crazy</span></p>
</div>

div и особенно диапазон не должен использоваться, как правило, часто. Всякий раз, когда есть разумная альтернатива, которую следует использовать вместо этого. Например, если вы хотите подчеркнуть слово "сумасшедший", а класс "бумага" - bold, тогда код может выглядеть так:

<div id="scissors"> 
    <p>This is <strong class="paper">crazy</strong></p>
</div>

Ответ 3

Вот демонстрация...

#mydiv{
  display:inline;
}

#myspan{
  display:block;
}

<div id="mydiv">
  this div will behave just like a span
</div>

<span id="myspan">
  this span will behave just like a div
</span>

Ответ 4

Div - это блочный элемент; span - встроенный, так

Разделяйте места на отдельные строки; интервал в одну строку
Div имеет ширину, span не имеет

Ответ 5

div - block, а элемент span - inline.

Inline: эти элементы не влияют новые строки до или после размещения, и он потребляет только много места по мере необходимости.

Блок: появляются новые строки до и после того, как элемент с ним потребляет доступная полная ширина.

Больше разницы в inline/block, div и span

Ответ 6

Я дам простой ответ, не войдя в блок/встроенный технический материал.

Элемент Div может содержать другие элементы, включая другое Div.

Элемент Span не может содержать "сложные" элементы, только текст или такие вещи, как тег <a>, которые являются тем же самым "уровнем", что и диапазон, или технически говорящий (извините!) также являются встроенными.

Div используется как "placeholder" на странице, например, чтобы содержать все меню, тогда вы можете разместить его везде, где хотите, использовать только CSS и применять тот же стиль ко всему в placeholder.

Span используется для стилизации определенного текста, когда у вас есть текст внутри другого текста, который вы хотите иметь в разных шрифтах/цветах/размерах. Невозможно по-настоящему подумать о другом использовании тега span.

Ответ 7

Тег используется для группировки встроенных элементов в документе, и этот тег не дает визуальных изменений сам по себе. Он предоставляет способ привязать крючок к части текста или документа.

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

Ответ 8

Div: он работает как блок, эквивалентно разрыву строки. Span: он работает как встроенный. Например:

** Div and Span Difference
Пример Div

Как тебя зовут?

Меня зовут Аруна Тхакур

Span Example Как Вас зовут: Меня зовут Аруна Тхакур ** 'Код завершения'

Ответ 9

В HTML оба <span> и <div> (деление) являются структурными элементами документа. Оба могут иметь вложенные теги, применяемые атрибуты и могут использоваться для обеспечения стилизации, семантической ясности и доступа из динамического кода или при навигации по домену Объектная модель (DOM). Они отличаются от их охвата. A <span> поддерживает покрытие в строке, тогда как <div> блочный уровень. Их универсальность и, возможно, предыдущее отсутствие альтернатив, заставляют эти популярные теги злоупотреблять.

Теперь HTML5 имеет специальные теги, которые следует использовать вместо <span> и <div>, включая <fieldset> (forms), <legend>, <label>, <input>, <header>, <footer>, <caption> и <figure>, чтобы назвать несколько. Эти новые дополнения должны использоваться в более конкретных сценариях, для которых они были разработаны.

Для получения дополнительной информации ознакомьтесь с разделом 4 "Элементы HTML", от W3C. В частности, ищите разделы, группируя контексты и формы.

Ответ 10

div - это элемент dom со свойством display поскольку block который будет занимать всю строку с разрывом строки.

<div>Your website name?</div>
<div>http://www.array151.com</div>

будет отображаться в двух разных строках. и каждый div будет рассматриваться как отдельный блок.

Your website name?
http://www.array151.com

span - элемент dom со inline свойством display, без разрыва строки.

<span>Your website name?</span>
<span>http://www.array151.com</span>

результат будет на одной линии из-за промежутка

Your website name?http://www.array151.com