Các thẻ H1, H2, H3, H4 có chặn hay các phần tử nội tuyến không?

Question

HTML chính xác có thay đổi màu của văn bản bên trong phần tử H1, H2, H3 hoặc H4 không? Chúng có bị chặn cấp không?

Ví dụ

<h1><span style="color:#ABAB">#500</span> Hello world</h1> 

Answer 1

Họ là những yếu tố khối.

Nếu bạn nhìn vào HTML 4.01 nghiêm ngặt DTD:

<!ENTITY % heading "H1|H2|H3|H4|H5|H6"> 

<!ENTITY % block 
    "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT | 
     BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS"> 

Vì vậy, tất cả chúng đều được xác định như %heading thực thể, do đó là một phần của %block thực thể.

Đối với các câu hỏi liên quan nếu bạn có thể thay đổi màu sắc - đó chỉ là phong cách và là tốt, mặc dù tôi sẽ làm như vậy trong một file CSS, không nội tuyến:

H1, H2, H3, H4, H5, H6 
{ 
color: #ccccc; 
} 

Answer 2

có tiêu đề là mức khối.

trên lưu ý khác, #ABAB không phải là một màu hợp lệ :)

Answer 3

Các pracktace tốt nhất là lần đầu tiên tạo ra phong cách CSS trong stylesheet.

h1 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 18px; 
font-weight: bold; 
color: #000000; 
} 

Answer 4

Vâng Đây là cách chính xác, Nếu bạn muốn sử dụng css nội tuyến. Nếu không làm cho một lớp học nói

<h1 class="title"><span>#500</span> Hello world</h1> 

Bây giờ Css của nó là:

h1.title span{ 
color:#ABABAB; 
} 

Một lần nữa có h1 đến h6 là một khối cấp.

Answer 5

Màu thay đổi màu phông chữ, không phải màu nền, vì vậy về mặt kỹ thuật, nó không kém phần chính xác. Tuy nhiên, làm theo cách đó có nghĩa là đối với mỗi tiêu đề bạn muốn với kiểu này, bạn phải chỉ định một thẻ span bên trong như bạn đã làm.

giải pháp tốt hơn nếu bạn muốn luôn có nó có hiệu lực cho thẻ h1 có thể bao gồm một stylesheet với đoạn mã sau:

h1 { 
    color: #ABABAB 
} 

Answer 6

Vâng, một span trong một thẻ h1 được cho phép. Như bạn có thể nhìn thấy trên W3C Reference page for the h1 tag:

nội dung được phép: Nội dung phân nhịp

Và nội dung phân nhịp là văn bản bình thường cũng như span yếu tố của bạn (và một số yếu tố khác như có thể được nhìn thấy trên reference page for phrasing content này.

Oh yeah, và các thẻ tiêu đề là những yếu tố khối.

Answer 7

cách dễ nhất để tìm hiểu xem một yếu tố là mức chặn hoặc inline elemen t là đặt một đường viền xung quanh nó.

HTML

<h1> Heading 1 </h1> 
<span> Span </span> 

CSS

h1 { 
    border: 2px solid green; 

} 

span { 
    border: 2px solid blue; 
} 

Thêm ví dụ trên jsFiddle.