Chúng ta có thể thêm <span> bên trong thẻ H1 không?

Sử dụng thẻ span bên trong thẻ H1 có phải là một phương pháp thích hợp không?

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

Tôi biết chúng ta có thể viết nó theo cách này ... và tôi cũng đang làm theo cú pháp bên dưới trong trang web của riêng tôi ..

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

Tuy nhiên, tôi chỉ muốn biết dạng html sạch hơn ..

Có bạn có thể.

HTML4 có điều này để nói :

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

Và %inline;là:

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

Và %special;bao gồm <span>.

HTML hiện tại có điều này để nói :

Nội dung nội dung
Phrasing content

Và nội dung Phrasing bao gồm <span>.

Có bạn có thể. Nó có thể được sử dụng để định dạng một phần của khối h1:

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

Nếu kiểu áp dụng cho toàn bộ khối h1, tôi làm như sau:

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

Có, nó thường tốt để sử dụng spanbên trong của một h1. spanlà một phần tử nội tuyến, vì vậy bạn có thể sử dụng nó bên trong bất kỳ thứ gì (cho phép các phần tử bên trong nó!)

Và đôi khi không có cách nào thực sự gọn gàng hơn để làm điều đó, hãy nói nếu bạn chỉ muốn tạo kiểu cho một phần của h1.

Mặt khác ... đừng làm điều đó nếu không cần thiết, vì nó hơi xấu xí:)

Vâng, điều đó tốt, nhưng tại sao không

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

Nếu đó là tất cả những gì bạn đang làm?

Có, bạn có thể. Khoảng hiển thị nội dòng, vì vậy nó sẽ không ảnh hưởng đến kiểu dáng của H1.

Có, chúng tôi có thể sử dụng thẻ span với thẻ tiêu đề và không có gì sai trong đó. Thật vậy, điều này được sử dụng rộng rãi để tạo kiểu thẻ tiêu đề, đặc biệt để tô màu một từ hoặc chữ cái cụ thể.

Có, chúng tôi có thể sử dụng thẻ span với thẻ tiêu đề và không có gì sai trong đó. Thật vậy, điều này được sử dụng rộng rãi để tạo kiểu thẻ tiêu đề, đặc biệt để tô màu một từ hoặc chữ cái cụ thể.

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

Hãy suy nghĩ ở những dòng trên - Làm việc cho tôi - sử dụng display: inline prop