Можем ли мы иметь текст содержимого непосредственно в <div>?

Question

можем ли мы иметь текст содержимого непосредственно в <div>text content</div> или он должен быть как <div><p>text content</p></div>? в соответствии с веб-стандартами.

Answer 1

Вы можете иметь символьные данные непосредственно внутри элемента div. Если (и только если) эти символьные данные являются абзацем, то они также должны быть помечены как абзац (согласно второму примеру) Если у вас есть только один абзац содержимого внутри div, то вам обычно следует избегать использования элемента div, поскольку он не имеет смысла.

Answer 2

Вы можете иметь его непосредственно в div. div часто используется для группировки блочных элементов, чтобы отформатировать их со стилями, но обычный немаркированный текст в div вполне подойдет.

Answer 3

Да, вы можете напрямую добавлять текст содержимого в тег div, хотя в большинстве случаев предпочтительнее использовать теги p.

Answer 4

Стандарты не так хорошо определены. Я бы выбрал ваш второй пример, потому что он более структурный и, следовательно, более семантический.

Answer 5

От html 4 строгих DTD , технически говоря, говорит W3C.

    HTML has two basic content models:

        %inline;     character level elements and text strings
        %block;      block-like elements e.g. paragraphs and lists


<!ENTITY % block
     "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
      BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

<!ENTITY % flow "%block; | %inline;">


<!ELEMENT DIV - - (%flow;)*            -- generic language/style container -->

Что означает " DIV может содержать любой объект% flow ", а объект flow может быть либо моделью содержимого % block , либо % inline , как написано выше, это% inline «элементы уровня символов и текстовые строки», поэтому DIV может содержать непосредственно строку или элементы, как определено в <!ENTITY % block ...

и% heading,% list,% preformated, конечно, переводит дальше, поскольку они снова являются сущностью ex. <!ENTITY % list "UL | OL">