Điều gì khiến tôi không thể sử dụng các thẻ tùy ý trong HTML?

Question

Ngay cả các thẻ HTML5 mới cũng không đủ để mô tả cấu trúc mà không bị rơi trở lại div s. Có gì khiến tôi dừng lại từ việc thay đổi:

<div class="post"> 
    <div class="userinfo"> 
     <span class="name">Casey</span> 
     <img class="avatar" src="..." /> 
    </div> 
    <div class="body"> 
     <p>blah blah blah</p> 
     <p>blah blah blah</p> 
     <p>blah blah blah</p> 
    </div> 
</div> 

vào một cái gì đó như:

<post> 
    <userinfo> 
     <name>Casey</name> 
     <img class="avatar" src="..." /> 
    </userinfo> 
    <pbody> 
     <p>blah blah blah</p> 
     <p>blah blah blah</p> 
     <p>blah blah blah</p> 
    </pbody> 
</post> 

Đối với tôi, ví dụ thứ hai là rất nhiều bụi. Có bất kỳ điều gì (tức là hỗ trợ trình duyệt) ngăn tôi thực hiện việc này không?

(Tôi nhận ra nó đang là những gì, về cơ bản, XML, nhưng trong trường hợp đó, câu hỏi trở thành "những gì hiện hỗ trợ trình duyệt trông giống như cho render các trang web XML?")

Answer 1

Một lý do là Internet Explorer (và các phiên bản cũ hơn của Firefox) không có dự phòng cho các thẻ không được xác định và bỏ qua chúng cho cả kiểu dáng và lồng nhau. Without a shiv, trang web của bạn sẽ phá vỡ khủng khiếp trong các trình duyệt đó.

Answer 2

Vấn đề là nó sẽ không xác thực và các thẻ mới sẽ bị bỏ qua.

Answer 3

Hầu hết các trình duyệt sẽ chỉ coi các thẻ là tùy ý (như cách trình duyệt cũ xử lý thẻ HTML5). Không có gì ngăn bạn sử dụng các thẻ của riêng bạn, nhưng nó không phải là cách được chấp nhận tốt để mã HTML. HTML được cho là sử dụng các thẻ được xác định trước.

Nếu bạn quan tâm đến việc mã hóa với các thẻ tùy ý, bạn có thể chỉ cần đi với XML. Bạn có thể định dạng XML bằng XSLT (được sử dụng theo cách tương tự như các bản định kiểu, nhưng mạnh hơn nhiều). Hãy xem tại đây: http://www.w3schools.com/xml/xml_xsl.asp

Answer 4

Bạn có thể sử dụng thẻ của riêng mình, nhưng vấn đề là do chúng không chuẩn, trình duyệt sẽ không biết rằng chúng có thể khớp thẻ đóng. Và tất nhiên, tài liệu sẽ không xác nhận là HTML/X-HTML thích hợp.

<blah> 
    This is some <span>test</span> test text with another <bogus>tag</bogus> tag 
    within, which ends with a fake self-closing <tag /> 
</blah> 

Trình duyệt sẽ thấy <blah>, không phải bây giờ cách xử lý và coi đó là "không có gì" và bỏ qua nó. Sau đó, họ sẽ phân tích một cách hạnh phúc về phần tiếp theo, và xem một số văn bản đơn giản, với một khoảng thời gian hợp lệ bên trong. Cuối cùng, họ cũng sẽ đạt được số </blah> và bỏ qua điều đó.

Đây là lý do tại sao Javascript và CSS có để hỗ trợ các chuỗi bình luận mở HTML như là một phần của định nghĩa ngôn ngữ tương ứng của họ:

<script type="text/javascript"> 
<!-- // <--actually a part of the javascript spec, treated as a comment. 
    alert('hey!'); 
//--> 
</script> 

Khi Javascript lần đầu tiên được giới thiệu, vẫn còn nhiều trình duyệt khác trên mạng mà đã hoàn toàn không biết Javascript, và vì vậy họ sẽ bỏ qua các thẻ, và vui vẻ xuất mã Javascript của bạn. Ditto cho CSS.

Nếu bạn thực sự cần thẻ tùy chỉnh, bạn có thể tạo tài liệu dưới dạng XML với DTD của riêng bạn và sử dụng XSLT để chuyển đổi nó thành tài liệu HTML/X-HTML hợp lệ.

Answer 5

Mục tiêu của các thẻ bạn chọn là gì? Nếu mục tiêu của bạn là trình bày thông tin, thì việc sử dụng các div và các cấu trúc định hướng trình bày khác là rất tốt. Các thẻ của bạn trông giống như chúng đang cố gắng mô tả dữ liệu thực tế hơn. Nếu đúng như vậy, thì XML với XSLT biến đổi ở phía máy chủ thành HTML đầu ra để đánh dấu bản trình bày là tốt nhất. Hãy nhớ rằng một trình duyệt chỉ đơn giản là một công cụ dựng hình và nó sử dụng đặc tả HTML vì nó là bản thiết kế của những gì cần làm cho một trang web cụ thể. Trình duyệt không cần phải hiểu thông tin như "bài đăng" hoặc "userInfo" bởi vì nó không có ngữ cảnh để đánh giá thấp việc cần làm từ phối cảnh hiển thị với thông tin đó.CSS có thể giúp một trình duyệt hiểu những gì bạn muốn làm một cách trực quan nhưng tự hỏi mình trước tiên mục đích của việc đánh dấu theo cách đó là gì, để lưu trữ dữ liệu của bạn (kiểu XML) hoặc trình bày nó. Nếu trình bày nó, thì bạn nên đi với các tiêu chuẩn nếu bạn muốn tiếp tục sử dụng một trình duyệt làm công cụ kết xuất của bạn. Chúc may mắn, sẽ là tuyệt vời nếu chúng ta có thể xác định tất cả các đề án trình bày của chúng tôi mặc dù, ý tưởng thú vị!

Answer 6

getElementsByTagName không thành công với thẻ tùy chỉnh. Ví dụ,

<acme:mytag id="mytag"> 
    <div id ="x">x</div> 
    <div id ="y">y</div> 
    <div id ="z">z</div> 
</acme:mytag> 

này không thành công với IE8 (Quirks Mode hoặc Standard Mode)

var mytag = document.getElementById('mytag'); // it's found 
var mydivs = mytag.getElementsByTagName ('div'); // but this is always 0 

Trừ thẻ html của bạn đọc

<html XMLNS:acme> 
... 
</html>