Tất cả các yếu tố tự đóng hợp lệ trong XHTML (được các trình duyệt chính triển khai) là gì?

Tất cả các yếu tố tự đóng hợp lệ (ví dụ: <br/>) trong XHTML (như được thực hiện bởi các trình duyệt chính) là gì?

Tôi biết rằng về mặt kỹ thuật XHTML cho phép mọi phần tử tự đóng, nhưng tôi đang tìm một danh sách các phần tử được hỗ trợ bởi tất cả các trình duyệt chính. Xem http://dusan.fora.si/blog/elf-closes-tags để biết ví dụ về một số vấn đề gây ra bởi các yếu tố tự đóng như <div />.

Mọi trình duyệt hỗ trợ XHTML (Firefox, Opera, Safari, IE9 ) đều hỗ trợ cú pháp tự đóng trên mọi thành phần .

<div/>, <script/>, <br></br>Tất cả nên chỉ làm việc tốt. Nếu họ không, thì bạn có HTML với XHTML DOCTYPE được thêm không thích hợp.

DOCTYPE không thay đổi cách tài liệu được diễn giải. Chỉ loại MIME nào .

Quyết định của W3C về việc bỏ qua DOCTYPE :

WG HTML đã thảo luận về vấn đề này: ý định là cho phép các trình duyệt cũ (chỉ HTML) chấp nhận các tài liệu XHTML 1.0 bằng cách làm theo các hướng dẫn và phục vụ chúng dưới dạng văn bản / html. Do đó, các tài liệu được phân phát dưới dạng văn bản / html phải được coi là HTML và không phải là XHTML.

Đó là một cạm bẫy rất phổ biến, bởi vì Trình xác thực W3C phần lớn bỏ qua quy tắc đó, nhưng các trình duyệt tuân theo nó một cách tôn giáo. Đọc Hiểu HTML, XML và XHTML từ blog WebKit:

Trên thực tế, phần lớn các tài liệu được cho là XHTML trên internet được phục vụ như text/html. Điều đó có nghĩa là chúng hoàn toàn không phải là XHTML, nhưng HTML thực sự không hợp lệ do xử lý lỗi của trình phân tích cú pháp HTML. Tất cả những người hợp lệ XHTML 1.0! các liên kết trên web đang thực sự nói rằng HTML không hợp lệ 4.01!.

Để kiểm tra xem bạn có XHTML thực hay HTML không hợp lệ với DOCTYPE của XHTML, hãy đặt cái này vào tài liệu của bạn:

<span style="color:green"><span style="color:red"/> 
 If it's red, it's HTML. Green is XHTML.
</span>

Nó xác nhận và trong XHTML thực, nó hoạt động hoàn hảo (xem: 1 so với 2 ). Nếu bạn không thể tin vào mắt mình (hoặc không biết cách đặt loại MIME), hãy mở trang của bạn qua proxy XHTML .

Một cách khác để kiểm tra là xem nguồn trong Firefox. Nó sẽ làm nổi bật dấu gạch chéo màu đỏ khi chúng không hợp lệ.

Trong HTML5 / XHTML5, điều này đã không thay đổi và sự khác biệt thậm chí còn rõ ràng hơn, bởi vì bạn thậm chí không có thêm DOCTYPE. Content-Typelà vua

Đối với bản ghi, thông số XHTML cho phép mọi phần tử tự đóng bằng cách tạo XHTML thành ứng dụng XML : [nhấn mạnh của tôi]

Thẻ phần tử rỗng có thể được sử dụng cho bất kỳ phần tử nào không có nội dung , cho dù nó có được khai báo hay không bằng cách sử dụng từ khóa EMPTY.

Nó cũng được hiển thị rõ ràng trong thông số XHTML :

Phần tử rỗng phải hoặc là có một thẻ kết thúc hoặc bắt đầu từ khóa phải kết thúc với />. Chẳng hạn, <br/>hoặc<hr></hr>

Một yếu tố rất cẩn thận với chủ đề này là <scriptyếu tố>. Nếu bạn có một tệp nguồn bên ngoài, nó SILL gây ra vấn đề khi bạn tự đóng nó. Thử nó:

<!-- this will not consistently work in all browsers! -->
<script type="text/javascript" src="external.js" />

Điều này sẽ hoạt động trong Firefox, nhưng ít nhất là phá vỡ IE6. Tôi biết, bởi vì tôi đã gặp phải điều này khi quá nhiệt tình tự đóng mọi yếu tố tôi thấy ;-)

Cú pháp tự đóng hoạt động trên tất cả các thành phần trong application / xhtml + xml. Nó không được hỗ trợ trên bất kỳ phần tử nào trong văn bản / html, nhưng các phần tử là trống rỗng, trong HTML4 hoặc không có giá trị trong HTML5 không có thẻ kết thúc, vì vậy nếu bạn đặt dấu gạch chéo vào những phần tử đó thì nó sẽ xuất hiện cú pháp tự đóng đã được hỗ trợ.

Từ trang tham khảo của Trường W3 :

<area />
<base />
<basefont />
<br />
<hr />
<input />
<img />
<link />
<meta />

Câu hỏi hay hơn là: những thẻ nào có thể tự đóng ngay cả trong chế độ HTML mà không ảnh hưởng đến mã? Trả lời: chỉ những nội dung có nội dung trống (không có giá trị). Theo thông số kỹ thuật HTML , các yếu tố sau là void:

area, base, br, col, embed, hr, img, input, keygen, link, menuitem, meta, param, source, track, wbr

Phiên bản cũ hơn của đặc điểm kỹ thuật cũng được liệt kê command. Ngoài ra, theo nhiều nguồn khác nhau, các thẻ lỗi thời hoặc không chuẩn sau đây sẽ bị hủy:

basefont, bgsound, frame, isindex

Hy vọng điều này sẽ giúp ai đó:

<base />
<basefont />
<frame />
<link />
<meta />

<area />
<br />
<col />
<hr />
<img />
<input />
<param />

Còn về <meta>và <link>? Tại sao họ không có trong danh sách đó?

Nguyên tắc nhanh, không tự đóng bất kỳ yếu tố nào có ý định có nội dung, bởi vì nó chắc chắn sẽ gây ra sự cố trình duyệt sớm hay muộn.

Những cái mà tự nhiên tự đóng, thích <br>và <img>, nên rõ ràng. Những người không ... chỉ không tự đóng chúng!

Lần cuối cùng tôi kiểm tra, sau đây là các phần tử trống / void được liệt kê trong HTML5.

Hợp lệ cho các tác giả: area, base, br, col, lệnh, embed, eventource, hr, img, input, link, meta, param, source

Không hợp lệ cho các tác giả: basefont, bssound, frame, spacer, wbr

Bên cạnh một số ít tính năng mới trong HTML5, điều đó sẽ cho bạn ý tưởng về những cái có thể được hỗ trợ khi phục vụ XHTML dưới dạng văn bản / html. (Chỉ cần kiểm tra chúng bằng cách kiểm tra DOM được sản xuất.)

Đối với XHTML được phân phát dưới dạng application / xhtml + xml (tạo thành XML), các quy tắc XML được áp dụng và mọi phần tử đều có thể trống (ngay cả khi XHTML DTD không thể diễn tả điều này).

Bạn nên xem các DTD xHTML , tất cả chúng đều được liệt kê. Dưới đây là một đánh giá nhanh tất cả những cái chính:

<br />
<hr />
<img />
<input />

Chúng được gọi là các phần tử "void" trong HTML 5. Chúng được liệt kê trong thông số W3 chính thức .

Phần tử void là một phần tử mà mô hình nội dung không bao giờ cho phép nó có nội dung trong bất kỳ trường hợp nào.

Kể từ tháng 4 năm 2013, chúng là:

khu vực, cơ sở, br, col, lệnh, nhúng, hr, img, đầu vào, keygen, liên kết, meta, param, nguồn, theo dõi, wbr

Kể từ tháng 12 năm 2018 (HTML 5.2), chúng là:

khu vực, cơ sở, br, col, nhúng, hr, img, đầu vào, liên kết, meta, param, nguồn, theo dõi, wbr

Một vấn đề thẻ tự đóng khác cho IE là yếu tố tiêu đề. Khi IE (chỉ dùng thử trong IE7) thấy điều này, nó sẽ hiển thị cho người dùng một trang trống. Tuy nhiên, bạn "xem nguồn" và mọi thứ đều ở đó.

<title/>

Ban đầu tôi đã thấy điều này khi XSLT của tôi tạo thẻ tự đóng.

Tôi sẽ không cố gắng khắc phục điều này, đặc biệt là vì phần lớn các trang tôi viết đều được tạo hoặc thẻ có nội dung. Hai thứ duy nhất khiến tôi gặp rắc rối khi tự đóng chúng là:

<title/>

Đối với điều này, tôi chỉ đơn giản dùng đến việc luôn cung cấp cho nó một thẻ đóng riêng biệt, vì một khi nó ở trên <head></head>đó, nó không thực sự làm cho mã của bạn trở nên rắc rối hơn để làm việc với dù sao đi nữa.

<script/>

Đây là một vấn đề lớn mà gần đây tôi gặp phải vấn đề. Trong nhiều năm, tôi đã luôn sử dụng <script/>các thẻ tự đóng khi tập lệnh đến từ nguồn bên ngoài. Nhưng gần đây tôi đã bắt đầu nhận được thông báo lỗi JavaScript về một dạng rỗng. Sau nhiều ngày nghiên cứu, tôi thấy rằng vấn đề là (được cho là) ​​trình duyệt không bao giờ được <form>gắn thẻ vì nó không nhận ra đây là phần cuối của <script/>thẻ. Vì vậy, khi tôi làm nó thành các <script></script>thẻ riêng biệt , mọi thứ đều hoạt động. Tại sao khác nhau trong các trang khác nhau tôi tạo trên cùng một trình duyệt, tôi không biết, nhưng thật là một sự giải thoát lớn để tìm giải pháp!

<hr /> là một cái khác