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


96

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


3
@fireeyed Tôi nghĩ anh ấy muốn làm theo những gì đúng, ngữ nghĩa của thẻ tôi muốn nói.
dpp

2
Dont quên câu trả lời đánh dấu như accpeted nếu bạn nhận được các thông tin bạn wan t
Pranay Rana

Đặt khoảng cách trong các tiêu đề gây ra các vấn đề với việc gói từ. Có ai khác đã quan sát điều này?
Rafael

1
Bạn đã bao giờ thử gói bất kỳ văn bản nào trong một khoảng thời gian chưa? Và làm thế nào về việc gói văn bản trong bất kỳ phần tử khối nào? @Rafael
Daniel Springer

Câu trả lời:


180

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

%inline;là:

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

%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

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


1
Liên kết từ "HTML5 có điều này để nói" bị hỏng :(
mehulkar

@mehulkar Cảm ơn bạn đã cho tôi biết, nên sửa ngay bây giờ.
mu quá ngắn

30

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>

1
@dpp tại sao người ta nên tránh sử dụng tên trình bày?
nu everest

Tốt lắm, cảm ơn
Joimee Cajandab

3

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í:)


2

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?


1
Nó không phải là tất cả. Yêu cầu là chỉ tạo kiểu cho một phần của tiêu đề.
Daniel Springer

1

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.


0

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ể.


0

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ể.


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


Điều này có liên quan gì đến câu hỏi?
Quentin

3
@Quentin Tôi tin rằng ý của anh ấy là đề xuất buộc tiêu đề phải là một phần tử nội tuyến. Một ý tưởng hay, nếu nó khả thi.
Daniel Springer

2
Câu trả lời này không nên bị bỏ phiếu vì nó giải quyết được vấn đề mặc dù nó không phải là những gì được hỏi trực tiếp. +1 cho giải pháp.
Achala Dissanayake
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.