Khoảng trắng [dấu cách, dòng mới, tab và nhận xét] có thể xuất hiện trước hoặc sau mỗi phần. Phần 2 và 3 nên được phân định bởi phần tử HTML
Đây là một ví dụ về một tài liệu HTML đơn giản
My first HTML documentHello world!
Tài liệu HTML hợp lệ khai báo phiên bản HTML nào được sử dụng trong tài liệu. Khai báo loại tài liệu đặt tên cho định nghĩa loại tài liệu [DTD] được sử dụng cho tài liệu [xem [ISO8879]]
HTML4. 01 chỉ định ba DTD, vì vậy tác giả phải bao gồm một trong các khai báo loại tài liệu sau trong tài liệu của họ. Các DTD khác nhau về các yếu tố mà chúng hỗ trợ
- HTML4. 01 DTD nghiêm ngặt bao gồm tất cả các yếu tố và thuộc tính không được dùng nữa hoặc không xuất hiện trong tài liệu bộ khung. Đối với các tài liệu sử dụng DTD này, hãy sử dụng khai báo loại tài liệu này
- HTML4. 01 DTD chuyển tiếp bao gồm mọi thứ trong DTD nghiêm ngặt cộng với các thành phần và thuộc tính không dùng nữa [hầu hết liên quan đến trình bày trực quan]. Đối với các tài liệu sử dụng DTD này, hãy sử dụng khai báo loại tài liệu này
- HTML4. 01 Bộ khung DTD bao gồm mọi thứ trong DTD chuyển tiếp và cả các khung nữa. Đối với các tài liệu sử dụng DTD này, hãy sử dụng khai báo loại tài liệu này
URI trong mỗi khai báo loại tài liệu cho phép tác nhân người dùng tải xuống DTD và bất kỳ bộ thực thể nào cần thiết. Các URI [tương đối] sau đề cập đến các DTD và bộ thực thể cho HTML 4
Liên kết giữa các định danh công khai và tệp có thể được chỉ định bằng cách sử dụng tệp danh mục theo định dạng do Oasis Open Consortium đề xuất [xem [OASISOPEN]]. Tệp danh mục mẫu cho HTML 4. 01 được bao gồm ở đầu phần về thông tin tham khảo SGML cho HTML. Hai chữ cái cuối của phần khai báo cho biết ngôn ngữ của DTD. Đối với HTML, đây luôn là tiếng Anh ["EN"]
Ghi chú. Kể từ phiên bản ngày 24 tháng 12 của HTML 4. 01, Nhóm làm việc HTML cam kết thực hiện chính sách sau
- Bất kỳ thay đổi nào đối với các DTD HTML 4 trong tương lai sẽ không làm mất hiệu lực các tài liệu tuân thủ các DTD của thông số kỹ thuật hiện tại. Nhóm làm việc HTML có quyền sửa các lỗi đã biết
- Phần mềm phù hợp với các DTD của thông số kỹ thuật hiện tại có thể bỏ qua các tính năng của các DTD HTML 4 trong tương lai mà nó không nhận ra
Điều này có nghĩa là trong khai báo loại tài liệu, tác giả có thể sử dụng mã định danh hệ thống một cách an toàn đề cập đến phiên bản mới nhất của HTML 4 DTD. Tác giả cũng có thể chọn sử dụng mã định danh hệ thống đề cập đến một phiên bản cụ thể [có ngày tháng] của DTD HTML 4 khi cần xác thực DTD cụ thể đó. W3C sẽ cố gắng hết sức để cung cấp vô thời hạn các tài liệu lưu trữ tại địa chỉ ban đầu của chúng ở dạng ban đầu
thẻ bắt đầu. tùy chọn, thẻ kết thúc. không bắt buộc
định nghĩa thuộc tính
phiên bản = cdata [CN]Không dùng nữa. Giá trị của thuộc tính này chỉ định phiên bản DTD HTML nào chi phối tài liệu hiện tại. Thuộc tính này không được dùng nữa vì nó dư thừa với thông tin phiên bản do khai báo loại tài liệu cung cấpCác thuộc tính được xác định ở nơi khác
Sau khi khai báo kiểu tài liệu, phần còn lại của tài liệu HTML được chứa bởi phần tử HTML. Do đó, một tài liệu HTML điển hình có cấu trúc này
...The head, body, etc. goes here...
7. 4 Đầu tài liệu
thẻ bắt đầu. tùy chọn, thẻ kết thúc. không bắt buộc
định nghĩa thuộc tính
profile = uri [CT]Thuộc tính này chỉ định vị trí của một hoặc nhiều cấu hình siêu dữ liệu, được phân tách bằng khoảng trắng. Đối với các tiện ích mở rộng trong tương lai, tác nhân người dùng nên coi giá trị là một danh sách mặc dù thông số kỹ thuật này chỉ coi URI đầu tiên là quan trọng. Hồ sơ được thảo luận bên dưới trong phần về siêu dữ liệuCác thuộc tính được xác định ở nơi khác
Phần tử HEAD chứa thông tin về tài liệu hiện tại, chẳng hạn như tiêu đề, từ khóa có thể hữu ích cho công cụ tìm kiếm và các dữ liệu khác không được coi là nội dung tài liệu. Tác nhân người dùng thường không hiển thị các phần tử xuất hiện trong HEAD dưới dạng nội dung. Tuy nhiên, họ có thể cung cấp thông tin trong HEAD cho người dùng thông qua các cơ chế khác
TITLE - - [#PCDATA] -[%head.misc;] -- document title --> %i18n>
thẻ bắt đầu. bắt buộc, Thẻ kết thúc. cần thiết
Các thuộc tính được xác định ở nơi khác
Mọi tài liệu HTML đều phải có phần tử TITLE trong phần HEAD
Tác giả nên sử dụng phần tử TITLE để xác định nội dung của tài liệu. Vì người dùng thường tham khảo các tài liệu ngoài ngữ cảnh, tác giả nên cung cấp các tiêu đề giàu ngữ cảnh. Do đó, thay vì một tiêu đề như "Giới thiệu", không cung cấp nhiều thông tin cơ bản về ngữ cảnh, các tác giả nên cung cấp một tiêu đề như "Giới thiệu về nghề nuôi ong thời Trung cổ" để thay thế
Vì lý do khả năng truy cập, tác nhân người dùng phải luôn cung cấp nội dung của phần tử TITLE cho người dùng [bao gồm cả phần tử TITLE xuất hiện trong khung]. Cơ chế để làm như vậy phụ thuộc vào tác nhân người dùng [e. g. , như một chú thích, được nói]
Tiêu đề có thể chứa các thực thể ký tự [đối với ký tự có dấu, ký tự đặc biệt, v.v. ], nhưng có thể không chứa đánh dấu khác [bao gồm cả nhận xét]. Đây là một tiêu đề tài liệu mẫu
A study of population dynamics .. other head elements... .. document body...
định nghĩa thuộc tính
title = text [CS]Thuộc tính này cung cấp thông tin tư vấn về phần tử mà nó được đặtKhông giống như phần tử TITLE cung cấp thông tin về toàn bộ tài liệu và chỉ có thể xuất hiện một lần, thuộc tính tiêu đề có thể chú thích bất kỳ số lượng phần tử nào. Vui lòng tham khảo định nghĩa của một thành phần để xác minh rằng nó hỗ trợ thuộc tính này
Các giá trị của thuộc tính tiêu đề có thể được hiển thị bởi các tác nhân người dùng theo nhiều cách khác nhau. Chẳng hạn, các trình duyệt trực quan thường hiển thị tiêu đề dưới dạng "mẹo công cụ" [một thông báo ngắn xuất hiện khi thiết bị trỏ tạm dừng trên một đối tượng]. Tác nhân người dùng âm thanh có thể nói thông tin tiêu đề trong ngữ cảnh tương tự. Ví dụ: đặt thuộc tính trên một liên kết cho phép tác nhân người dùng [trực quan và không trực quan] cho người dùng biết về bản chất của tài nguyên được liên kết
...some text... Here's a photo of me scuba diving last summer ...some more text...
Thuộc tính tiêu đề có vai trò bổ sung khi được sử dụng với phần tử LINK để chỉ định biểu định kiểu bên ngoài. Vui lòng tham khảo phần về liên kết và biểu định kiểu để biết chi tiết
Ghi chú. Để cải thiện chất lượng tổng hợp giọng nói đối với các trường hợp được xử lý kém bằng các kỹ thuật tiêu chuẩn, các phiên bản HTML trong tương lai có thể bao gồm một thuộc tính để mã hóa thông tin ngữ âm và ngữ điệu
Ghi chú. Khung mô tả tài nguyên W3C [xem [RDF10]] đã trở thành Khuyến nghị của W3C vào tháng 2 năm 1999. RDF cho phép tác giả chỉ định siêu dữ liệu có thể đọc được bằng máy về tài liệu HTML và các tài nguyên có thể truy cập mạng khác
HTML cho phép tác giả chỉ định siêu dữ liệu -- thông tin về tài liệu chứ không phải nội dung tài liệu -- theo nhiều cách khác nhau
Ví dụ: để chỉ định tác giả của tài liệu, người ta có thể sử dụng phần tử META như sau
Phần tử META chỉ định một thuộc tính [ở đây là "Tác giả"] và gán giá trị cho nó [ở đây là "Dave Raggett"]
Thông số kỹ thuật này không xác định một tập hợp các thuộc tính siêu dữ liệu hợp pháp. Ý nghĩa của một thuộc tính và tập hợp các giá trị pháp lý cho thuộc tính đó phải được xác định trong một từ vựng tham chiếu được gọi là hồ sơ. Ví dụ: một hồ sơ được thiết kế để giúp các công cụ tìm kiếm lập chỉ mục tài liệu có thể xác định các thuộc tính như "tác giả", "bản quyền", "từ khóa", v.v.
Chỉ định dữ liệu meta
Nói chung, việc chỉ định dữ liệu meta bao gồm hai bước
- Khai báo thuộc tính và giá trị cho thuộc tính đó. Điều này có thể được thực hiện theo hai cách
- Từ bên trong tài liệu, thông qua phần tử META
- Từ bên ngoài tài liệu, bằng cách liên kết đến dữ liệu meta thông qua phần tử LINK [xem phần về các loại liên kết]
- Đề cập đến một hồ sơ nơi tài sản và các giá trị pháp lý của nó được xác định. Để chỉ định một cấu hình, hãy sử dụng thuộc tính cấu hình của phần tử HEAD
Lưu ý rằng vì một cấu hình được xác định cho phần tử HEAD, nên cùng một cấu hình sẽ áp dụng cho tất cả các phần tử META và LINK trong phần đầu tài liệu
Tác nhân người dùng không bắt buộc phải hỗ trợ cơ chế siêu dữ liệu. Đối với những người chọn hỗ trợ dữ liệu meta, thông số kỹ thuật này không xác định cách diễn giải dữ liệu meta
Yếu tố META
META - O EMPTY -- generic metainformation --> %i18n; -- lang, dir, for use with content -- http-equiv NAME #IMPLIED -- HTTP response header name -- name NAME #IMPLIED -- metainformation name -- content CDATA #REQUIRED -- associated information -- scheme CDATA #IMPLIED -- select form of content -- >
thẻ bắt đầu. bắt buộc, Thẻ kết thúc. cấm
định nghĩa thuộc tính
Đối với các thuộc tính sau, các giá trị được phép và diễn giải của chúng phụ thuộc vào cấu hình
name = name [CS]Thuộc tính này xác định tên thuộc tính. Thông số kỹ thuật này không liệt kê các giá trị pháp lý cho thuộc tính này. content = cdata [CS]Thuộc tính này chỉ định giá trị của thuộc tính. Thông số kỹ thuật này không liệt kê các giá trị pháp lý cho thuộc tính này. scheme = cdata [CS]Thuộc tính này đặt tên cho lược đồ được sử dụng để diễn giải giá trị của thuộc tính [xem phần về cấu hình để biết chi tiết]. http-equiv = name [CI]Thuộc tính này có thể được sử dụng thay cho thuộc tính name. Máy chủ HTTP sử dụng thuộc tính này để thu thập thông tin cho tiêu đề thông báo phản hồi HTTPCác thuộc tính được xác định ở nơi khác
Phần tử META có thể được sử dụng để xác định các thuộc tính của tài liệu [e. g. , tác giả, ngày hết hạn, danh sách các từ khóa, v.v. ] và gán giá trị cho các thuộc tính đó. Thông số kỹ thuật này không xác định một bộ thuộc tính quy chuẩn
Mỗi phần tử META chỉ định một cặp thuộc tính/giá trị. Thuộc tính tên xác định thuộc tính và thuộc tính nội dung chỉ định giá trị của thuộc tính
Ví dụ: khai báo sau đặt giá trị cho thuộc tính Tác giả
Thuộc tính lang có thể được sử dụng với META để chỉ định ngôn ngữ cho giá trị của thuộc tính nội dung. Điều này cho phép bộ tổng hợp giọng nói áp dụng các quy tắc phát âm phụ thuộc vào ngôn ngữ
Trong ví dụ này, tên tác giả được khai báo là người Pháp
Ghi chú. Phần tử META là một cơ chế chung để chỉ định dữ liệu meta. Tuy nhiên, một số phần tử và thuộc tính HTML đã xử lý một số phần dữ liệu meta nhất định và có thể được các tác giả sử dụng thay vì META để chỉ định các phần đó. phần tử TITLE, phần tử ADDRESS, phần tử INS và DEL, thuộc tính title và thuộc tính cite
Ghi chú. Khi một thuộc tính được chỉ định bởi phần tử META nhận một giá trị là URI, một số tác giả muốn chỉ định dữ liệu meta thông qua phần tử LINK. Do đó, khai báo siêu dữ liệu sau
cũng có thể được viết
Tiêu đề META và HTTP
Thuộc tính http-equiv có thể được sử dụng thay cho thuộc tính tên và có ý nghĩa đặc biệt khi tài liệu được truy xuất qua Giao thức truyền tải siêu văn bản [HTTP]. Máy chủ HTTP có thể sử dụng tên thuộc tính được chỉ định bởi thuộc tính http-equiv để tạo tiêu đề kiểu [RFC822] trong phản hồi HTTP. Vui lòng xem thông số kỹ thuật HTTP [[RFC2616]] để biết chi tiết về các tiêu đề HTTP hợp lệ
Khai báo META mẫu sau đây
sẽ dẫn đến tiêu đề HTTP
5
Điều này có thể được sử dụng bởi bộ đệm để xác định thời điểm tìm nạp một bản sao mới của tài liệu được liên kết
Ghi chú. Một số tác nhân người dùng hỗ trợ sử dụng META để làm mới trang hiện tại sau một số giây được chỉ định, với tùy chọn thay thế nó bằng một URI khác. Tác giả không nên sử dụng kỹ thuật này để chuyển tiếp người dùng đến các trang khác, vì điều này khiến một số người dùng không thể truy cập trang. Thay vào đó, chuyển tiếp trang tự động nên được thực hiện bằng chuyển hướng phía máy chủ
META và công cụ tìm kiếmMột cách sử dụng phổ biến cho META là chỉ định các từ khóa mà công cụ tìm kiếm có thể sử dụng để cải thiện chất lượng kết quả tìm kiếm. Khi một số phần tử META cung cấp thông tin phụ thuộc vào ngôn ngữ về một tài liệu, các công cụ tìm kiếm có thể lọc trên thuộc tính lang để hiển thị kết quả tìm kiếm bằng tùy chọn ngôn ngữ của người dùng. Ví dụ,
6
Hiệu quả của các công cụ tìm kiếm cũng có thể được tăng lên bằng cách sử dụng phần tử LINK để chỉ định các liên kết đến bản dịch của tài liệu bằng các ngôn ngữ khác, liên kết đến các phiên bản của tài liệu trong phương tiện khác [e. g. , PDF] và, khi tài liệu là một phần của bộ sưu tập, liên kết đến điểm bắt đầu thích hợp để duyệt bộ sưu tập
Trợ giúp thêm được cung cấp trong phần giúp các công cụ tìm kiếm lập chỉ mục trang Web của bạn
META và PICSNền tảng để lựa chọn nội dung Internet [PICS, được chỉ định trong [PICS]] là cơ sở hạ tầng để liên kết nhãn [siêu dữ liệu] với nội dung Internet. Ban đầu được thiết kế để giúp phụ huynh và giáo viên kiểm soát những gì trẻ em có thể truy cập trên Internet, nó cũng tạo điều kiện cho các cách sử dụng nhãn khác, bao gồm ký mã, quyền riêng tư và quản lý quyền sở hữu trí tuệVí dụ này minh họa cách một người có thể sử dụng khai báo META để bao gồm PICS 1. 1 nhãn
7META và thông tin mặc định
Phần tử META có thể được sử dụng để chỉ định thông tin mặc định cho tài liệu trong các trường hợp sau
Ví dụ sau chỉ định mã hóa ký tự cho tài liệu là ISO-8859-5
8
Hồ sơ dữ liệu meta
Thuộc tính hồ sơ của HEAD chỉ định vị trí của hồ sơ siêu dữ liệu. Giá trị của thuộc tính hồ sơ là một URI. Tác nhân người dùng có thể sử dụng URI này theo hai cách- Là một tên duy nhất trên toàn cầu. Tác nhân người dùng có thể nhận ra tên [mà không thực sự truy xuất hồ sơ] và thực hiện một số hoạt động dựa trên các quy ước đã biết cho hồ sơ đó. Chẳng hạn, các công cụ tìm kiếm có thể cung cấp giao diện để tìm kiếm thông qua các danh mục tài liệu HTML, trong đó tất cả các tài liệu này đều sử dụng cùng một cấu hình để thể hiện các mục nhập danh mục
- Là một liên kết. Tác nhân người dùng có thể hủy đăng ký URI và thực hiện một số hoạt động dựa trên các định nghĩa thực tế trong hồ sơ [e. g. , cho phép sử dụng cấu hình trong tài liệu HTML hiện tại]. Thông số kỹ thuật này không xác định định dạng cho hồ sơ
Ví dụ này đề cập đến một hồ sơ giả định xác định các thuộc tính hữu ích cho việc lập chỉ mục tài liệu. Các thuộc tính được xác định bởi cấu hình này -- bao gồm "tác giả", "bản quyền", "từ khóa" và "ngày" -- có các giá trị được đặt theo các khai báo META tiếp theo
9
Vì thông số kỹ thuật này đang được viết, nên thông thường sử dụng các định dạng ngày tháng được mô tả trong [RFC2616], phần 3. 3. Vì các định dạng này tương đối khó xử lý, chúng tôi khuyên các tác giả nên sử dụng định dạng ngày [ISO8601]. Để biết thêm thông tin, hãy xem các phần về phần tử INS và DEL
Thuộc tính lược đồ cho phép tác giả cung cấp cho tác nhân người dùng nhiều ngữ cảnh hơn để giải thích chính xác dữ liệu meta. Đôi khi, thông tin bổ sung đó có thể rất quan trọng, vì khi dữ liệu meta có thể được chỉ định ở các định dạng khác nhau. Ví dụ: một tác giả có thể chỉ định một ngày ở định dạng [mơ hồ] "10-9-97";
Vào những thời điểm khác, thuộc tính lược đồ có thể cung cấp thông tin hữu ích nhưng không quan trọng cho tác nhân người dùng
Ví dụ: khai báo sơ đồ sau đây có thể giúp tác nhân người dùng xác định rằng giá trị của thuộc tính "số nhận dạng" là mã số ISBN
Các giá trị cho thuộc tính lược đồ phụ thuộc vào tên thuộc tính và cấu hình được liên kết
Ghi chú. Một hồ sơ mẫu là Dublin Core [xem [DCORE]]. Cấu hình này xác định một tập hợp các thuộc tính được đề xuất cho các mô tả thư mục điện tử và nhằm mục đích thúc đẩy khả năng tương tác giữa các mô hình mô tả khác nhau
7. 5 Nội dung tài liệu
thẻ bắt đầu. tùy chọn, thẻ kết thúc. không bắt buộc
định nghĩa thuộc tính
nền = uri [CT]Không dùng nữa. Giá trị của thuộc tính này là một URI chỉ định một tài nguyên hình ảnh. Hình ảnh thường xếp nền [đối với trình duyệt trực quan]. văn bản = màu [CI]Không dùng nữa. Thuộc tính này đặt màu nền trước cho văn bản [dành cho trình duyệt trực quan]. liên kết = màu [CI]Không dùng nữa. Thuộc tính này đặt màu của văn bản đánh dấu các liên kết siêu văn bản chưa được truy cập [dành cho trình duyệt trực quan]. vlink = color [CI]Không dùng nữa. Thuộc tính này đặt màu của văn bản đánh dấu các liên kết siêu văn bản đã truy cập [dành cho trình duyệt trực quan]. alink = color [CI]Không dùng nữa. Thuộc tính này đặt màu của văn bản đánh dấu các liên kết siêu văn bản khi được người dùng chọn [đối với trình duyệt trực quan]Các thuộc tính được xác định ở nơi khác
Phần thân của tài liệu chứa nội dung của tài liệu. Nội dung có thể được trình bày bởi tác nhân người dùng theo nhiều cách khác nhau. Ví dụ: đối với các trình duyệt trực quan, bạn có thể coi phần thân là một khung vẽ nơi nội dung xuất hiện. văn bản, hình ảnh, màu sắc, đồ họa, v.v. Đối với tác nhân người dùng âm thanh, nội dung tương tự có thể được nói. Vì biểu định kiểu hiện là cách ưa thích để chỉ định cách trình bày của tài liệu nên các thuộc tính trình bày của BODY đã không còn được dùng nữa
Sử dụng biểu định kiểu, hiệu ứng tương tự có thể được thực hiện như sau
1
Sử dụng biểu định kiểu bên ngoài [được liên kết] cho phép bạn linh hoạt thay đổi bản trình bày mà không cần sửa lại tài liệu HTML nguồn
1
định nghĩa thuộc tính
id = name [CS]Thuộc tính này gán tên cho một phần tử. Tên này phải là duy nhất trong một tài liệu. class = cdata-list [CS]Thuộc tính này gán tên lớp hoặc tập hợp tên lớp cho một phần tử. Bất kỳ số lượng phần tử nào cũng có thể được gán cùng tên lớp hoặc tên. Nhiều tên lớp phải được phân tách bằng ký tự khoảng trắngThuộc tính id gán một mã định danh duy nhất cho một phần tử [có thể được xác minh bởi trình phân tích cú pháp SGML]. Ví dụ: các đoạn sau đây được phân biệt bằng giá trị id của chúng3
Thuộc tính id có một số vai trò trong HTML
- Là một bộ chọn biểu định kiểu
- Là một điểm neo đích cho các liên kết siêu văn bản
- Như một phương tiện để tham chiếu một phần tử cụ thể từ tập lệnh
- Là tên của phần tử ĐỐI TƯỢNG đã khai báo
- Để xử lý mục đích chung bởi các tác nhân người dùng [e. g. để xác định các trường khi trích xuất dữ liệu từ các trang HTML vào cơ sở dữ liệu, dịch tài liệu HTML sang các định dạng khác, v.v. ]
Mặt khác, thuộc tính lớp gán một hoặc nhiều tên lớp cho một phần tử; . Một tên lớp có thể được chia sẻ bởi một số trường hợp phần tử. Thuộc tính lớp có một số vai trò trong HTML
- Là bộ chọn biểu định kiểu [khi tác giả muốn gán thông tin kiểu cho một tập hợp các phần tử]
- Để xử lý mục đích chung bởi các tác nhân người dùng
Trong ví dụ sau, phần tử SPAN được sử dụng cùng với các thuộc tính id và lớp để đánh dấu thông báo tài liệu. Tin nhắn xuất hiện trong cả hai phiên bản tiếng Anh và tiếng Pháp
4
5
Các quy tắc kiểu CSS sau đây sẽ yêu cầu các tác nhân người dùng trực quan hiển thị thông báo thông tin có màu xanh lá cây, thông báo cảnh báo có màu vàng và thông báo lỗi có màu đỏ
6
Lưu ý rằng "msg1" tiếng Pháp và "msg1" tiếng Anh có thể không xuất hiện trong cùng một tài liệu vì chúng có cùng giá trị id. Các tác giả có thể sử dụng thêm thuộc tính id để tinh chỉnh cách trình bày các thông báo riêng lẻ, đặt chúng làm mục tiêu cho các điểm neo, v.v.
Hầu hết mọi phần tử HTML đều có thể được gán mã định danh và thông tin lớp
Ví dụ, giả sử chúng ta đang viết một tài liệu về ngôn ngữ lập trình. Tài liệu này bao gồm một số ví dụ được định dạng sẵn. Chúng tôi sử dụng phần tử PRE để định dạng các ví dụ. Chúng tôi cũng chỉ định màu nền [xanh lá cây] cho tất cả các phiên bản của phần tử PRE thuộc lớp "ví dụ"
7
Bằng cách đặt thuộc tính id cho ví dụ này, chúng ta có thể [1] tạo siêu liên kết đến nó và [2] ghi đè thông tin kiểu lớp bằng thông tin kiểu cá thể
Ghi chú. Thuộc tính id chia sẻ cùng một không gian tên với thuộc tính tên khi được sử dụng cho tên liên kết. Vui lòng tham khảo phần về neo có id để biết thêm thông tin
Một số phần tử HTML nhất định có thể xuất hiện trong BODY được gọi là "cấp độ khối" trong khi các phần tử khác là "nội tuyến" [còn được gọi là "cấp độ văn bản"]. Sự khác biệt được thành lập trên một số khái niệm
Mô hình nội dung 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 chỉ có thể chứa dữ liệu và các phần tử nội tuyến khác. Vốn có trong sự khác biệt về cấu trúc này là ý tưởng rằng các phần tử khối 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. Định dạng Theo mặc định, các phần tử cấp khối được định dạng khác với các phần tử nội tuyến. Nói chung, các phần tử cấp độ khối bắt đầu trên các dòng mới, các phần tử nội tuyến thì không. Để biết thông tin về khoảng trắng, ngắt dòng và định dạng khối, vui lòng tham khảo phần về văn bản. Tính định hướng Vì các lý do kỹ thuật liên quan đến thuật toán văn bản hai chiều [UNICODE], các phần tử cấp khối và nội tuyến khác nhau về cách chúng kế thừa thông tin về hướng. Chi tiết xem phần kế thừa hướng văn bảnBiểu định kiểu cung cấp phương tiện để chỉ định hiển thị các phần tử tùy ý, bao gồm cả việc một phần tử được hiển thị dưới dạng khối hay nội tuyến. Trong một số trường hợp, chẳng hạn như kiểu nội tuyến cho các thành phần danh sách, điều này có thể phù hợp, nhưng nói chung, các tác giả không khuyến khích ghi đè cách giải thích thông thường của các thành phần HTML theo cách này
Sự thay đổi của các thành ngữ trình bày truyền thống cho cấp độ khối và các phần tử nội tuyến cũng có tác động đến thuật toán văn bản hai chiều. Xem phần về ảnh hưởng của biểu định kiểu đối với tính hai chiều để biết thêm thông tin
7. 5. 4 Nhóm các yếu tố. các phần tử DIV và SPAN
thẻ bắt đầu. bắt buộc, Thẻ kết thúc. cần thiết
Các thuộc tính được xác định ở nơi khác
Các phần tử DIV và SPAN, kết hợp với các thuộc tính id và lớp, cung cấp một cơ chế chung để thêm cấu trúc vào tài liệu. Các yếu tố này xác định nội dung là nội tuyến [SPAN] hoặc cấp độ khối [DIV] nhưng không áp đặt các thành ngữ trình bày khác trên nội dung. Do đó, tác giả có thể sử dụng các phần tử này kết hợp với biểu định kiểu, thuộc tính lang, v.v. , để điều chỉnh HTML theo nhu cầu và thị hiếu của riêng họ
Ví dụ: giả sử chúng tôi muốn tạo tài liệu HTML dựa trên cơ sở dữ liệu thông tin khách hàng. Vì HTML không bao gồm các thành phần xác định các đối tượng như "khách hàng", "số điện thoại", "địa chỉ email", v.v. , chúng tôi sử dụng DIV và SPAN để đạt được các hiệu ứng trình bày và cấu trúc mong muốn. Chúng ta có thể sử dụng phần tử TABLE như sau để cấu trúc thông tin
8
Sau này, chúng ta có thể dễ dàng thêm các khai báo biểu định kiểu để tinh chỉnh cách trình bày của các mục nhập cơ sở dữ liệu này
Để biết ví dụ khác về cách sử dụng, vui lòng tham khảo ví dụ trong phần về thuộc tính lớp và id
Ví dụ, các tác nhân người dùng trực quan thường đặt dấu ngắt dòng trước và sau các phần tử DIV
9
thường được hiển thị dưới dạng
0
thẻ bắt đầu. bắt buộc, Thẻ kết thúc. cần thiết
Các thuộc tính được xác định ở nơi khác
Một phần tử tiêu đề mô tả ngắn gọn chủ đề của phần mà nó giới thiệu. Thông tin tiêu đề có thể được sử dụng bởi tác nhân người dùng, ví dụ, để tự động xây dựng mục lục cho tài liệu
Có sáu cấp tiêu đề trong HTML với H1 là quan trọng nhất và H6 là ít nhất. Các trình duyệt trực quan thường hiển thị các tiêu đề quan trọng hơn bằng phông chữ lớn hơn so với các tiêu đề ít quan trọng hơn
Ví dụ sau đây cho thấy cách sử dụng phần tử DIV để liên kết một tiêu đề với phần tài liệu theo sau nó. Làm như vậy cho phép bạn xác định kiểu cho phần [tô màu nền, đặt phông chữ, v.v. ] với biểu định kiểu
1
Cấu trúc này có thể được trang trí với thông tin phong cách như
2
Các phần và tài liệu tham khảo được đánh số
HTML không tự tạo ra số phần từ các tiêu đề. Cơ sở này có thể được cung cấp bởi các đại lý người dùng, tuy nhiên. Chẳng bao lâu nữa, các ngôn ngữ biểu định kiểu như CSS sẽ cho phép tác giả kiểm soát việc tạo số phần [tiện dụng cho các tham chiếu chuyển tiếp trong tài liệu in, như trong "Xem phần 7. 2"].
Một số người coi việc bỏ qua các cấp độ tiêu đề là một thông lệ không tốt. Họ chấp nhận H1 H2 H1 trong khi họ không chấp nhận H1 H3 H1 vì cấp tiêu đề H2 bị bỏ qua
thẻ bắt đầu. bắt buộc, Thẻ kết thúc. cần thiết
Các thuộc tính được xác định ở nơi khác
Phần tử ADDRESS có thể được các tác giả sử dụng để cung cấp thông tin liên hệ cho tài liệu hoặc một phần chính của tài liệu, chẳng hạn như biểu mẫu. Phần tử này thường xuất hiện ở đầu hoặc cuối tài liệu
Ví dụ: một trang tại trang web W3C liên quan đến HTML có thể bao gồm thông tin liên hệ sau