Tôi có nên tạo các HTML HTML với 'name' hoặc 'id' không?

Khi một người muốn tham khảo một số phần của trang web bằng http://example.com/#foophương thức "", nên sử dụng một phần

<h1><a name="foo"/>Foo Title</h1>

hoặc là

<h1 id="foo">Foo Title</h1>

Cả hai đều hoạt động, nhưng chúng bằng nhau, hoặc chúng có sự khác biệt về ngữ nghĩa?

Theo đặc tả HTML 5, 5.9.8 Điều hướng đến một định danh phân đoạn :

Đối với các tài liệu HTML (và loại MIME văn bản / html), phải tuân theo mô hình xử lý sau để xác định phần được chỉ định của tài liệu là gì.

1. Phân tích cú pháp URL và để cho mảnh vỡ là thành phần <Fragment> của URL.
2. Nếu mảnh là chuỗi rỗng, thì phần được chỉ định của tài liệu là phần trên cùng của tài liệu.
3. Nếu có một phần tử trong DOM có ID chính xác bằng mảnh, thì phần tử đầu tiên theo thứ tự cây là phần được chỉ định của tài liệu; dừng thuật toán ở đây
4. Nếu có một phần tử trong DOM có thuộc tính name có giá trị chính xác bằng mảnh, thì phần tử đầu tiên theo thứ tự cây là phần được chỉ định của tài liệu; dừng thuật toán ở đây
5. Mặt khác, không có phần nào được chỉ định trong tài liệu.

Vì vậy, nó sẽ tìm kiếm id="foo", và sau đó sẽ làm theoname="foo"

Chỉnh sửa: Như được chỉ ra bởi @hsivonen, trong HTML5, aphần tử không có thuộc tính name. Tuy nhiên, các quy tắc trên vẫn áp dụng cho các yếu tố được đặt tên khác.

Bạn không nên sử dụng <h1><a name="foo"/>Foo Title</h1>bất kỳ hương vị nào của HTML được phân phát dưới dạng text/html, vì cú pháp phần tử trống XML không được hỗ trợ text/html. Tuy nhiên, <h1><a name="foo">Foo Title</a></h1>vẫn ổn trong HTML4. Nó không hợp lệ trong HTML5 như dự thảo hiện tại.

<h1 id="foo">Foo Title</h1>là OK trong cả HTML4 và HTML5. Điều này sẽ không hoạt động trong Netscape 4, nhưng có lẽ bạn sẽ sử dụng hàng tá các tính năng khác không hoạt động trong Netscape 4.

Tôi phải nói rằng nếu bạn sẽ liên kết đến khu vực đó trong trang ... chẳng hạn như page.html # foo và Foo Title không phải là liên kết bạn nên sử dụng:

<h1 id="foo">Foo Title</h1>

Thay vào đó, nếu bạn đặt một <a>tham chiếu xung quanh nó, tiêu đề của bạn sẽ bị ảnh hưởng bởi một <a>CSS cụ thể trong trang web của bạn. Nó chỉ là đánh dấu thêm, và bạn không cần nó. Tôi thực sự khuyên bạn nên đặt id trên tiêu đề, nó không chỉ được hình thành tốt hơn mà còn cho phép bạn giải quyết đối tượng đó trong Javascript hoặc CSS.

Wikipedia sử dụng rất nhiều tính năng này như thế này:

<a href="#History">[...]</a>
<span class="mw-headline" id="History">History</span>

Và Wikipedia đang làm việc cho tất cả mọi người, vì vậy tôi sẽ cảm thấy an toàn khi gắn bó với hình thức này.

Cũng đừng quên, bạn có thể sử dụng điều này không chỉ với các nhịp mà còn với các div hoặc thậm chí các ô của bảng, và sau đó bạn có quyền truy cập vào lớp giả: đích trên phần tử. Chỉ cần xem ra để không thay đổi chiều rộng, như với văn bản in đậm, gây ra di chuyển nội dung xung quanh, đó là đáng lo ngại.

Neo được đặt tên - phiếu bầu của tôi là để tránh:

• "Tên và id nằm trong cùng một không gian tên ..." - Hai thuộc tính có cùng không gian tên thật điên rồ. Hãy nói rằng đã phản đối rồi.
• "Các phần tử neo không có thuộc tính" - Một lần nữa, bản chất của một phần tử (siêu liên kết hay không) được xác định bằng cách có một thuộc tính?! Nhân đôi điên cuồng. Thông thường nói để tránh nó hoàn toàn.
• Nếu bạn từng tạo kiểu cho một neo mà không có lớp giả, kiểu dáng sẽ áp dụng cho từng cái. Trong CSS3, bạn có thể giải quyết vấn đề này bằng các bộ chọn thuộc tính (hoặc cùng kiểu dáng cho mỗi giả kính), nhưng vẫn là một cách giải quyết. Điều này thường không xuất hiện bởi vì bạn chọn màu cho mỗi lớp giả và phần gạch chân hiện diện theo mặc định nó chỉ có ý nghĩa để loại bỏ, điều này làm cho nó giống với văn bản khác. Nhưng bạn đã bao giờ quyết định làm cho các liên kết của bạn đậm, nó sẽ gây rắc rối.
• Netscape 4 có thể không hỗ trợ tính năng id, nhưng vẫn là một thuộc tính không xác định sẽ không gây ra rắc rối nào. Đó là những gì gọi là khả năng tương thích với tôi.

<h1 id="foo">Foo Title</h1>

là những gì nên được sử dụng. Đừng sử dụng neo trừ khi bạn muốn có một liên kết.

Dành cho người dùng JavaScript: tất cả các ID trở thành biến toàn cục dưới cửa sổ .

<h1 id="foo">Foo Title</h1>

Chỉ cần tạo toàn cầu JS:

window.foo

Giá trị của window.foosẽ là HTMLElementcho h1.

Trừ khi bạn có thể đảm bảo tất cả các giá trị được sử dụng trong idcác thuộc tính đều an toàn, bạn có thể thích bám vào name:

<h1 name="foo">Foo Title</h1>

Không có sự khác biệt về ngữ nghĩa; xu hướng trong các tiêu chuẩn là hướng tới việc sử dụng idchứ không phải name. Tuy nhiên, có những khác biệt có thể khiến người ta thích nametrong một số trường hợp. Đặc tả HTML 4.01 cung cấp các gợi ý sau :

Sử dụng idhay name? Tác giả nên xem xét các vấn đề sau đây khi quyết định nên sử dụng idhoặc namecho một tên neo:

• Thuộc tính id có thể hoạt động không chỉ là một tên neo (ví dụ: bộ chọn biểu định kiểu, mã định danh xử lý, v.v.).
• Một số tác nhân người dùng cũ không hỗ trợ các neo được tạo bằng thuộc tính id.
• Thuộc tính name cho phép tên neo phong phú hơn (với các thực thể).

Phương thức ID sẽ không hoạt động trên các trình duyệt cũ hơn, phương thức tên neo sẽ không được dùng trong các phiên bản HTML mới hơn ... Tôi sẽ sử dụng id.

Tôi có một trang web bao gồm một số container div xếp theo chiều dọc, giống hệt nhau về định dạng và chỉ khác nhau về số sê-ri. Tôi muốn ẩn neo tên ở đầu mỗi div, vì vậy giải pháp kinh tế nhất hóa ra là bao gồm neo như một id trong thẻ div mở, nghĩa là,

<div id="[serial number]" class="topic_wrapper">

Chỉ cần quan sát về đánh dấu Biểu mẫu đánh dấu trong các phiên bản trước của HTML đã cung cấp một điểm neo. Các hình thức đánh dấu trong HTML5 bằng cách sử dụng thuộc tính id, trong khi hầu hết tương đương, yêu cầu một yếu tố để xác định, hầu như tất cả chúng thường được dự kiến ​​chứa nội dung.

Chẳng hạn, một khoảng trống hoặc div có thể được sử dụng, nhưng cách sử dụng này có vẻ và có mùi thoái hóa.

Một suy nghĩ là sử dụng yếu tố wbr cho mục đích này. Wbr có một mô hình nội dung trống và chỉ đơn giản tuyên bố rằng có thể ngắt dòng; đây vẫn là một cách sử dụng thẻ đánh dấu một cách vô cớ, nhưng ít hơn nhiều so với các phân chia tài liệu vô cớ hoặc các đoạn văn bản trống.

Mẫu thứ hai gán một ID duy nhất cho thành phần được đề cập. Phần tử này sau đó có thể được thao tác hoặc truy cập bằng cách sử dụng DHTML.

Mặt khác, vị trí đầu tiên, đặt một vị trí được đặt tên trong tài liệu, gần giống với dấu trang. Được gắn vào một "mỏ neo", nó có ý nghĩa hoàn hảo.

Trong html 5, id=""thuộc tính xác định một mã định danh duy nhất cho một phần tử, cũng là một neo cho một liên kết phân đoạn. Trong các tiêu chuẩn html trước đó, name=""thuộc tính của <a>phần tử xác định một neo cho liên kết phân đoạn. Tôi đề nghị một cái gì đó như:
<a name="foo" id="foo"></a><h1>Foo Title</h1>
Bởi vì hỗ trợ choid="" thuộc tính này hơi khó hiểu (mặc dù các bản phát hành mới nhất của tất cả các trình duyệt chính đều hỗ trợ nó, các bản phát hành không quá vài năm tuổi [Và tốt nhất là không phá vỡ thứ gì đó nếu không có lý do chính đáng để]). Nó tương thích, và nó không tạo kiểu bất cứ thứ gì trong phần tử liên kết, cho việc đóng </a> vẫn nằm ngoài phần tử, nhưng nó vẫn hợp lệ trong tất cả các tiêu chuẩn hiện tại.

Hãy chắc chắn rằng các thuộc tính name=""và id=""các <a>yếu tố là như nhau.

Làm thế nào về việc sử dụng thuộc tính name cho các trình duyệt cũ và thuộc tính id cho các trình duyệt mới. Cả hai tùy chọn sẽ được sử dụng và phương thức dự phòng sẽ được thực hiện theo mặc định !!!

Toàn bộ khái niệm "neo có tên" sử dụng thuộc tính name, theo định nghĩa. Bạn chỉ nên sử dụng tên, nhưng thuộc tính ID có thể có ích cho một số tình huống javascript.

Như trong các bình luận, bạn luôn có thể sử dụng cả hai để cá cược.