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 document
   
   
      
Hello 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 đị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ấp

Cá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ệu

Cá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 đặt

Khô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

1. 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
   1. Từ bên trong tài liệu, thông qua phần tử META
   2. 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)
2. Đề 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 HTTP

Cá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 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ếm

Mộ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ề tài liệu, công cụ tìm kiếm có thể lọc thuộc tính lang để hiển thị kết quả tìm kiếm bằng cách sử dụ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à PICS

Nề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

7

META 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 bởi 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 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ắng

Thuộ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úng

3

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ản

Biể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 phần tử 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 phần tử 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

Các yếu tố quan trọng của HTML là gì?