Tiêu đề bên trong Liên kết hoặc Liên kết bên trong Tiêu đề trong đánh dấu HTML?

Question

thể trùng lặp:
Which is more correct: <h1><a>..</a></h1> OR <a><h1>..</h1></a>
Semantically, which is more correct: a in h2, or h2 in a?

Đây là một câu hỏi đơn giản về HTML. Cách thích hợp nhất/thích hợp nhất để đặt liên kết trong tiêu đề, đoạn văn hoặc phần tử HTML khác là gì?

Bằng cách này:

<h2><a href="">Some Title</a></h2>

Hoặc theo cách này:

<a href=""><h2>Some Title</h2></a>

Answer 1

Thà

<h2><a href="">Some Title</a></h2> 

vì h là phần tử với khối hiển thị và không phải là thực hành tốt để có block trong a phần tử.

Answer 2

tôi thích thứ hai:

<a href=""><h2>Some Title</h2></a> 

bởi vì bạn có quyền kiểm soát nhiều hơn ví dụ nếu bạn muốn làm gì đó ing như thế này:

<a href=""><h2>Some Title</h2> <h1>biggest</h1></a> 

Answer 3

Để lưu ý: Bạn không thể đặt tiêu đề bên trong liên kết trong HTML4.

Trong HTML5, nó phụ thuộc vào hiệu ứng và ý nghĩa ngữ nghĩa mà bạn đang thực hiện. Đặt toàn bộ tiêu đề bên trong liên kết sẽ làm cho khu vực có thể nhấp để mở rộng toàn bộ chiều rộng, trong khi việc đặt liên kết bên trong tiêu đề sẽ chỉ làm cho văn bản có thể nhấp được. Tôi đã sử dụng cả hai phiên bản trước đây, nhưng nó hoàn toàn phụ thuộc vào nơi tôi đang đặt tiêu đề.

Answer 4

Cả hai đều hoạt động tốt.

Bạn có thể tự mình kiểm tra tại http://validator.w3.org/ nếu muốn.

Answer 5

<h1><a href="#">text here</a></h1> 

là chính xác, vì HTML không cho phép phần tử khối() trong phần tử nội tuyến() (src). ví dụ thứ hai của bạn sẽ không xác thực được.

Nói chung, các phần tử cấp khối có thể chứa các phần tử nội tuyến và các phần tử cấp khối khác. Nói chung, các phần tử nội tuyến có thể chỉ chứa dữ liệu và các phần tử nội tuyến khác. Vốn có trong sự phân biệt cấu trúc này là ý tưởng rằng các phần tử chặn tạo ra các cấu trúc "lớn hơn" so với các phần tử nội tuyến.

Tôi chỉ sao chép này từ một câu hỏi khác ...

Answer 6

Về mặt kỹ thuật, <a> là một phần tử nội tuyến, và <h2> là một yếu tố khối cấp, vì vậy:

<h2><a href="">Some Title</a></h2> 

là làm tổ đúng .

Điều đó nói rằng, trình duyệt sẽ thường là bỏ qua việc lồng không đúng như vậy và cho phép bạn thực hiện theo cách bạn muốn.

Tôi không thích số phận hấp dẫn khi nói đến trình duyệt chọn chạy trang của tôi ở chế độ Chuẩn tuân thủ hoặc chế độ Quirks vì vậy tôi sẽ chọn đúng lồng nhau.