Чи можемо ми додати <span> всередину тегу H1?


96

Чи правильний метод використовувати тег span всередині тегу H1?

<h1>
    <span class="boardit">Portfolio</span>
</h1>

Я знаю, що ми можемо написати це таким чином ... і також дотримуюсь нижченаведеного синтаксису на своєму власному веб-сайті ..

<h1 class="boardit">
  <span>Portfolio</span>
</h1>

Однак я просто хотів знати чистішу форму html ..


3
@fireeyed Я думаю, що він хоче слідувати правильному, я маю на увазі семантику тегу.
dpp

2
Не забудьте позначити відповідь прийнятною, якщо ви отримали інформацію, яку хочете
Пранай Рана

Розміщення проміжків у заголовках представляє проблеми з перенесенням слів. Хтось ще це спостерігав?
Рафаель

1
Ви коли-небудь намагалися обернути будь-який текст, який має певний проміжок? А як щодо обтікання тексту, який є в будь-якому елементі блоку? @Rafael
Daniel Springer

Відповіді:


180

Так, ти можеш.

HTML4 має таке сказати :

<!ENTITY % heading "H1|H2|H3|H4|H5|H6">
<!--
  There are six levels of headings from H1 (the most important)
  to H6 (the least important).
-->

<!ELEMENT (%heading;)  - - (%inline;)* -- heading -->

І %inline;є:

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">

І %special;включає <span>.

Поточний HTML має таке сказати :

Вміст вмісту
Фразовий вміст

І вміст фраз включає <span>.


1
Посилання з "HTML5 має про це сказати"
недійсне

@mehulkar Дякую, що повідомили, зараз це слід виправити.
mu занадто короткий

30

Так, ти можеш. Його можна використовувати для форматування частини блоку h1:

<h1>Page <span class="highlight">Title</span></h1>

Якщо стиль застосовується до всього блоку h1, я роблю це:

<h1 class="highlight">Page Title</h1>

1
@dpp, чому слід уникати використання презентаційних імен?
nu everest

приємний, дякую
Джоймі Каджандаб

3

Так, зазвичай добре використовувати spanвнутрішню частину h1. spanє вбудованим елементом, тому зазвичай можна використовувати його всередині будь-чого (що дозволяє елементи всередині нього!)

І насправді не існує більш чистого способу зробити це іноді, скажімо, якщо ви хочете створити стиль лише частини h1.

З іншого боку ... не робіть цього, якщо це не потрібно, оскільки це трохи потворно:)



1

Так, ти можеш. Розмах відображається в рядку, тому він не повинен впливати на стиль H1.


0

Так, ми можемо використовувати тег span з тегами заголовка, і в цьому немає нічого поганого. Дійсно, це широко використовується для стилізації заголовків тегів, спеціально для забарвлення певного слова чи літери.


0

Так, ми можемо використовувати тег span з тегами заголовка, і в цьому немає нічого поганого. Дійсно, це широко використовується для стилізації заголовків тегів, спеціально для забарвлення певного слова чи літери.


-2
<h1 style="display:inline;">Bold text goes here</h1> 
<span style="display:inline;">normal text goes here</span>

Подумайте у вищевказаних рядках - Працювало для мене - використовуйте display: inline prop


Яке відношення це має до питання?
Квентін

3
@Quentin Я вважаю, що він мав на увазі запропонувати примусити заголовок бути вбудованим елементом. Прекрасна ідея, якщо це можливо.
Даніель Спрінгер

2
За цю відповідь не слід голосувати, оскільки вона вирішує проблему, хоча це не те, про що прямо запитують. +1 для рішення.
Ачала Діссанаяке
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.