Bisakah kita menambahkan <span> di dalam tag H1?

96

Apakah ini metode yang tepat untuk menggunakan tag span di dalam tag H1?

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

Saya tahu kita bisa menulisnya dengan cara ini ... dan saya juga mengikuti sintaks di bawah ini di situs saya sendiri ..

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

Namun, saya hanya ingin tahu bentuk html yang lebih bersih ..

html Codeobession
sumber
3
@fireeyed Saya pikir dia ingin mengikuti apa yang benar, semantik dari tag yang saya maksud.
dpp
2
Jangan lupa untuk menandai jawaban diterima jika Anda mendapat info yang Anda inginkan
Pranay Rana
Menempatkan rentang di judul menghadirkan masalah dengan pembungkusan kata. Apakah ada orang lain yang mengamati ini?
Rafael
1
Pernah mencoba membungkus teks apa pun yang ada dalam satu rentang? Dan bagaimana dengan membungkus teks yang ada di elemen blok apa pun? @Rafael
Daniel Springer

Jawaban:

180

Ya kamu bisa.

HTML4 mengatakan ini :

<!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 -->

Dan %inline;adalah:

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

Dan %special;termasuk <span>.

HTML saat ini mengatakan ini :

Isi isi Isi
frase

Dan konten Frase termasuk <span>.

mu terlalu pendek
sumber
1
Tautan dari "HTML5 mengatakan ini" rusak :(
mehulkar
@mehulkar Terima kasih telah memberi tahu saya, harus diperbaiki sekarang.
mu terlalu pendek
30

Ya kamu bisa. Ini dapat digunakan untuk memformat bagian dari blok h1:

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

Jika gaya berlaku untuk seluruh blok h1, saya melakukan ini:

<h1 class="highlight">Page Title</h1>
mnsr
sumber
1
@ dpp mengapa seseorang harus menghindari penggunaan nama presentasi?
nu everest
3

Ya, biasanya tidak masalah menggunakan bagian spandalam file h1. spanadalah elemen sebaris, jadi biasanya tidak masalah untuk menggunakannya di dalam apa pun (yang memungkinkan elemen di dalamnya!)

Dan terkadang tidak ada cara yang lebih bersih untuk melakukannya, katakanlah jika Anda hanya ingin menata sebagian dari h1.

Di sisi lain ... jangan lakukan jika tidak perlu, karena ini sedikit jelek :)

Dave
sumber
2

Ya tidak apa-apa, tapi kenapa tidak

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

Jika hanya itu yang kamu lakukan?

Simon Sarris
sumber
1
Tidak semuanya. Permintaannya adalah untuk memberi gaya hanya sebagian dari tajuk.
Daniel Springer
1

Ya kamu bisa. Span ditampilkan sebaris, jadi seharusnya tidak mempengaruhi gaya H1.

geetfun
sumber
0

Ya, kita bisa menggunakan tag span dengan tag header dan tidak ada yang salah di dalamnya. Memang ini banyak digunakan untuk styling tag header, khususnya untuk mewarnai kata atau huruf tertentu.

Touhid Rahman
sumber
0

Ya, kita bisa menggunakan tag span dengan tag header dan tidak ada yang salah di dalamnya. Memang ini banyak digunakan untuk styling tag header, khususnya untuk mewarnai kata atau huruf tertentu.

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

Pikirkan di baris di atas - Berhasil untuk saya - gunakan display: prop inline

takrishna
sumber
Apa hubungannya ini dengan pertanyaan?
Quentin
3
@Quentin Saya yakin maksudnya menyarankan untuk memaksa heading menjadi elemen inline. Ide bagus, jika bisa dilakukan.
Daniel Springer
2
Jawaban ini tidak boleh ditolak karena ini menyelesaikan masalah meskipun bukan itu yang ditanyakan secara langsung. 1 untuk solusinya.
Achala Dissanayake