Теги 'контейнера' HTML - надлежащее использование?
Не используйте ng-if, используйте фильтр, чтобы сделать это.
Я протестировал ваш код с помощью "o in data | filter: !o.IsFeaturedEvent | limitTo:limit "
. Он отображает первое событие, которое является признаковым событием.
Если вы хотите отобразить неучтенные события, используйте
"o in data | filter: o.IsFeaturedEvent | limitTo:limit "
6 ответов
HTML был первоначально создан для помещения содержания документов в своего рода структуру, понятную к компьютерам. Имея это в виду, p тег, как предполагается, содержит что-либо, что было бы структурировано как абзац, если бы содержание страницы должно было быть превращено в печатный документ. div и span элементы резервируются как контейнеры общего использования для упрощения форматирования и группировки связанных элементов для обеспечения дополнительных уровней структуры, возможно, коррелируя к страницам в текстовом документе.
В некоторых случаях, p теги должны содержать другие элементы, такие как привязка (a), изображение (img) и другие встроенные элементы, потому что они имеют отношение непосредственно к содержанию остальной части абзаца и имеет смысл группировать их тот путь, или текст остальной части абзаца предоставляет более всестороннее описание.
Если нет дополнительного описания тех элементов, однако, не имеет смысла размещать их в абзац просто как удобный контейнер; a div было бы более соответствующим. В целом абзац, как предполагается, содержит один абзац текста и любых непосредственно связанных или описанных элементов. Ничто иное не имеет много смысла в абзаце.
ОБНОВЛЕНИЕ: HTML5 также добавляет много других семантических "контейнерных" элементов, включая article, nav, header, section, и aside.
Различием между этими тремя (и многие другой) теги является их семантическое значение. Стандарт HTML включает оба тега с определенными семантическими значениями (<p> для абзацев, <em> для подчеркнутого текста, и т.д.) и теги без семантического значения.
Последние <div> и <span>, которые используются для идентификации блока - или содержание встроенного уровня, которое должно быть определено (использование, сказать a class= или id= атрибут), но для которого не существует семантически определенный тег. Например, можно записать <p>Hi, my name is <span class="name">John Doe</span>.</p> — указание, что это - абзац (который браузер уже имеет идею, как обработать) и что часть он доволен, является именем (что абсолютно ничего не значит для браузера, если CSS или JavaScript не используют его).
Эти теги поэтому невероятно полезны оба в добавлении дополнительной информации к документу HTML, который не соответствует в семантических тегах, предоставленных стандартом (см. спецификацию мангольда для превосходного примера), и для применения визуального (CSS) или функциональный (JavaScript) структура к документу, не изменяя его семантику.
Я думаю, значение тегов - что-то вроде этого:
<p>Paragraph, usually just text</p>
<div>A block, containing anything</div>
<span>Just a simple non-blocking wrapper</span>
<p> элемент блочного уровня, который должен содержать абзац, состоявший из текста, встроенные элементы, которые изменяют тот текст (<p>, <a>, <abbr>, и т.д.), и изображения.
<div> элемент блочного уровня, используемый для деления страницы, почти всегда в сочетании со стилями CSS.
<span>... хорошо, я честно не использую этот тег настолько часто. Это - встроенный элемент, и я использую его обычно, когда я хотел бы применить стили к части текста, который не извлечет выгоду из использования чего-то с большим количеством значения, как <strong> и <em> теги.
Я думаю, что создатели страницы должны использовать семантическую разметку, подразумевая, что разметка, которую они создают, должна передать значение (и не презентация). <div> и <p> имейте различные значения. Первый используется для определения подразделения (или раздел) страницы HTML, последний для определения абзаца текста.
Я был жесток для просмотра <span> и <div> как "тофу webdeveloppement", так как это не имеет никакой реальной разновидности, но можно сделать фактически что-либо с ним.
(X) HTML-тэги определяют, каков текст, они являются окружающими. Это и адрес, действительно ли это, ссылка, действительно ли это - абзац и так далее...
<div> и <span> просто способы добраться до частей Вашего сайта, до которого Вы обычно не можете добираться. Как то, когда Вы пытаетесь изменить размер | символ. Самым быстрым путем я когда-либо находил, должен был поместить промежуток вокруг этого, дать ему класс и затем реализовать CSS.
Это - то, что они хороши для, по-моему. Мне было бы интересно слышать больше или даже исправления на том, что я записал здесь.