Tài liệu chính thức Html5

Một mục tiêu của Real Semantics là thống nhất quản lý tài liệu, quản lý ontology, quản lý cơ sở dữ liệu và kiểm soát mã nguồn. Nếu bạn đang làm việc trên một miền phức tạp, điều quan trọng là phải phân chia nhiều sợi tóc thật chính xác. Điều này sẽ đơn giản nếu chúng ta xây dựng các định nghĩa đó thành một bản thể luận, ghi lại các định nghĩa đó bằng các văn bản có thẩm quyền, sau đó liên kết bản thể luận và dữ liệu cá thể với mã nguồn và các tạo phẩm khác thực thi các định nghĩa này

Càng nhiều càng tốt, Real Semantics phá vỡ thông lệ phổ biến là sử dụng ngôn ngữ mẫu văn bản để tạo tài liệu (bao gồm mã phần mềm và tệp cấu hình) và thay vào đó dựa vào các biểu diễn bên trong cho phép chúng tôi thao tác trên tài liệu với các thao tác có ý nghĩa. Hình ảnh dưới đây minh họa quá trình. Real Semantics kết hợp các tài liệu HTML (cũng như dữ liệu và các tài liệu khác) bằng cách chuyển đổi HTML thành các cây phân tích cú pháp và sau đó vận hành chúng bằng các toán tử có ý nghĩa. Điều này cho phép chia tài liệu HTML thành các thành phần và sau đó đặt các thành phần đó lại với nhau theo một cách khác. Chẳng hạn, trong một ví dụ, ứng dụng Ngữ nghĩa thực có thể đọc tài liệu HTML từ tệp, trích xuất nội dung từ tệp và hiển thị nội dung đó trong mẫu được xác định bởi tệp HTML thông thường (không có đánh dấu đặc biệt) được nhúng làm tài nguyên trong tệp

HTML 5, bằng cách chính thức hóa việc xử lý các tài liệu được tạo thành không hoàn hảo, giúp các thư viện như JSoup có thể xử lý HTML theo kiểu bảo toàn cấu trúc tương tự như cách các tài liệu XML thường được xử lý. Thay vì nhúng các biến mẫu như được thực hiện với PHP, Freemarker, Handlebars và các hệ thống mẫu phổ biến khác, các ứng dụng Ngữ nghĩa thực tham chiếu đến các vị trí trong tài liệu HTML thông qua các thuộc tính class và id cũng như bộ chọn CSS. Dữ liệu có thể được hợp nhất với HTML bằng cách viết mã thủ tục thông thường hoặc bằng cách áp dụng các quy tắc phù hợp

Hạn chế chính của lược đồ này là việc phân tích cú pháp, sửa đổi và sau đó tạo HTML yêu cầu nhiều tài nguyên CPU hơn là chỉ điền các biến vào một mẫu. Mặc dù vậy, có thể định dạng hàng nghìn tài liệu mỗi giây trên một lõi CPU. Ưu điểm là chúng ta có một lược đồ hợp lý để xử lý thoát ký tự trong khi vẫn giữ tùy chọn áp dụng định dạng cho văn bản trước khi nó được chèn vào mẫu. Ngoài ra, hệ thống có thể đọc siêu dữ liệu mô tả từ các phần tử HTML meta trong phần tử HTML head, trích xuất siêu dữ liệu cấu trúc dựa trên các phần tử h1-h6 cũng như các phần tử HTML 5 mới như section, nav và aside, quản lý các phần bao gồm CSS và Javascript trong

Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm

Nếu bạn muốn viết đánh dấu ngữ nghĩa – và hãy tin chúng tôi, bạn thực sự muốn viết đánh dấu ngữ nghĩa – thì bạn cần cấu trúc tài liệu HTML đúng cách. Các phần tử html, head và body là một phần của đặc tả HTML từ giữa những năm 1990 và cho đến vài năm trước, chúng là những phần tử chính được sử dụng để tạo cấu trúc cho tài liệu HTML. Tuy nhiên, tình hình đã thay đổi đáng kể trong vài năm qua khi HTML5 đã thêm một loạt các thẻ mới có thể được sử dụng để thêm ý nghĩa ngữ nghĩa phong phú vào cấu trúc của tài liệu HTML

nội dung

Cấu trúc tài liệu HTML trước HTML5

Nếu bạn đã từng sử dụng HTML, bạn sẽ biết rằng mọi bit của HTML cần được gói trong các thẻ html. Thẻ mở sẽ xuất hiện đầu tiên và thẻ đóng sẽ xuất hiện ở cuối tài liệu. Mọi bit HTML khác sẽ xuất hiện giữa hai thẻ đó

Phần tử head là phần tử đầu tiên xuất hiện sau thẻ mở đầu html. Trong tài liệu head, chúng tôi đặt những thứ như dữ liệu trang html0 và html1, chúng tôi thêm JavaScript vào trang của chúng tôi bằng thẻ html2 và chúng tôi [html3] vào biểu định kiểu bên ngoài và các tài nguyên khác

Trên hầu hết các trang web, phần tử _______________ là một nơi rất bận rộn. Vì lý do này, chúng tôi đã tạo một hướng dẫn giải thích các thẻ thường xuất hiện trong phần tử head và những thẻ này được sử dụng để làm gì

Tất cả nội dung hiển thị trên một trang web được lồng giữa các thẻ body mở và đóng. Phần thân là nơi chứa nội dung chính tạo nên một trang web

Cho đến HTML5, đó là cấu trúc tài liệu HTML cơ bản. Tất cả mã của chúng tôi đã được bỏ vào giữa các thẻ body và được tạo kiểu bằng CSS. Tuy nhiên, giờ đây HTML5 đã có sự hỗ trợ rộng rãi giữa các trình duyệt hiện đại, đã đến lúc triển khai các thẻ HTML5 mới sẽ cung cấp cho tài liệu HTML của chúng ta một cấu trúc có ý nghĩa hơn nhiều

Thẻ ngữ nghĩa mới được thêm bởi HTML5

Trong hướng dẫn ngắn gọn này, chúng ta sẽ đề cập đến tất cả các thẻ mới được thêm vào như một phần của HTML5 để xác định cấu trúc và nội dung của trang web. Các yếu tố chúng tôi sẽ đề cập trong hướng dẫn này bao gồm

• html8
• html9
• head0
• head1
• head2
• head3
• head4
• head5

Việc sử dụng các yếu tố này không phức tạp như thoạt nhìn và hầu hết đều khá dễ hiểu. Chúng tôi sẽ lướt nhanh qua từng phần tử mới, sau đó vẽ một mẫu HTML mà bạn có thể sử dụng các thẻ mới này để thêm ý nghĩa ngữ nghĩa phong phú vào phần đánh dấu của mình

head6

Phần tử html8 được sử dụng để chứa nội dung xuất hiện ở đầu mỗi trang trong trang web của bạn. logo, khẩu hiệu, dấu nhắc tìm kiếm và có thể là menu điều hướng. Trong hầu hết các trường hợp, phần tử html8 được định vị tốt nhất là phần tử con trực tiếp của phần tử body, nhưng bạn cũng có thể đặt nó bên trong phần tử html9 nếu bạn thích

body1

Sử dụng phần tử html9 giữa phần tử html8 và head5 để chứa nội dung chính của trang web của bạn. Phần tử html9 không thể là phần tử con của phần tử head1, head3, html8, head5 hoặc head0. Thay vào đó, nó phải là hậu duệ trực tiếp của phần tử body. Hãy coi đó là sự thay thế trực tiếp cho html2 mà bạn đã sử dụng trước đây để tóm tắt toàn bộ nội dung trang của mình

Bạn cũng có thể sử dụng nhiều hơn một yếu tố html9 trên một trang web. Ví dụ: nếu trang chủ blog của bạn bao gồm năm bài đăng gần đây nhất của bạn, thì sẽ phù hợp khi bọc từng bài đăng trong phần tử html9 của riêng nó – hoặc bạn có thể bọc từng bài đăng trong thẻ

html6

Các menu điều hướng thường được đặt ở đầu trang web, trong thanh bên hoặc ở chân trang. Bất cứ nơi nào bạn tình cờ đặt một menu điều hướng, hãy bọc nó trong các thẻ head0. Lưu ý rằng bạn không cần sử dụng thẻ head0 cho mọi liên kết, chỉ dành cho các khối liên kết cung cấp điều hướng trên toàn trang web hoặc điều hướng cho một phần cụ thể của trang web

html9

Nếu trang web của bạn bao gồm các bài đăng trên blog, bài báo hoặc bất kỳ nội dung nào khác có thể xuất hiện trên một trang web khác dưới dạng nội dung được cung cấp, hãy bọc nội dung đó trong một bài đăng head. Bạn có thể sử dụng phần tử head1 ở bất kỳ đâu ngoài phần tử được lồng trong phần tử head4, nhưng trong hầu hết các trường hợp, phần tử head1 sẽ là phần tử con trực tiếp của phần tử html9 hoặc của phần tử head2 là phần tử con trực tiếp của phần tử html9

7

Phần tử head2 được sử dụng để xác định nội dung là phần phụ chính của tổng thể lớn hơn. Ví dụ: nếu bạn đã đăng một sách điện tử dài ở định dạng HTML, thì sẽ hợp lý nếu bạn bọc mỗi chương trong phần tử head2. Tương tự như vậy, nếu bạn có một thanh bên (được bao bọc theo ngữ nghĩa trong các thẻ head3) chứa bốn phần – quảng cáo, lời nhắc tìm kiếm, các bài đăng liên quan và biểu mẫu đăng ký bản tin – bạn có thể bọc từng phần trong số bốn phần này trong các thẻ head2 vì một

Có một số nhầm lẫn về thời điểm sử dụng head2 và khi nào sử dụng 3. Đây là một quy tắc nhỏ để giúp bạn biết khi nào nên sử dụng từng

• Sử dụng 3 nếu bạn đang kết thúc một số nội dung hoàn toàn để giúp định kiểu nội dung dễ dàng hơn hoặc giúp một số JavaScript hiểu nội dung đó dễ dàng hơn
• Sử dụng head2 nếu bạn liệt kê nội dung dưới dạng một mục khi viết dàn bài cho tài liệu

6

Nếu trang web của bạn chứa thông tin không liên quan trực tiếp đến nội dung chính của trang, bạn nên bọc thông tin đó trong các thẻ head3. Ví dụ: nếu bạn viết một bài đăng bao gồm một số thuật ngữ kỹ thuật và bạn thêm định nghĩa cho các thuật ngữ đó vào thanh bên, bạn nên bọc các định nghĩa đó trong thẻ head3. Thông thường, toàn bộ thanh bên của một trang web dạng blog sẽ được gói trong các thẻ head3 để làm rõ rằng thanh bên không phải là một phần của nội dung chính của trang

head0

Phần tử head4 cung cấp thông tin liên hệ của phụ huynh gần nhất là head1 hoặc phần tử body chứa nó. Sử dụng phần tử head4 bên trong head1 để cung cấp thông tin liên hệ của tác giả bài báo. Sử dụng nó bên ngoài một head1 trong các phần tử html9 hoặc head5, hoặc như một hậu duệ trực tiếp của phần tử body, để cung cấp thông tin liên hệ cho chủ sở hữu trang web

html0

head5 xuất hiện ở cuối phần của tài liệu. Thông thường, phần tử head5 là hậu duệ trực tiếp của phần tử body, nhưng nó cũng có thể được sử dụng trong phần tử html9, phần tử head2 hoặc phần tử head1. Cách sử dụng phổ biến nhất của phần tử head5 là đặt nó ở dưới cùng của tài liệu HTML để chứa những thứ như thông báo bản quyền, liên kết đến nội dung liên quan, thông tin head4 về chủ sở hữu trang web và liên kết đến những thứ quản trị như chính sách quyền riêng tư và

Bạn cũng có thể sử dụng phần tử head5 trong một head1 để cung cấp siêu dữ liệu về bài viết cụ thể đó. Ví dụ: nếu thẻ head1 đã được sử dụng để bọc một bài đăng trên diễn đàn, thì sẽ phù hợp để bọc thông tin bản quyền và ngày giờ bài đăng được thực hiện trong phần tử head5 và đặt nó ở dưới cùng của head1

Mẫu tài liệu HTML

Mẫu bên dưới sẽ cho bạn thấy tất cả các yếu tố này được lồng vào nhau như thế nào. Chúng tôi mời bạn sao chép nó và sử dụng nó làm mẫu soạn sẵn cho tất cả các tài liệu HTML của bạn

Jon Penland

Jon là một nhà văn tự do, người đam mê du lịch, người chồng và người cha. Anh ấy viết về các công nghệ web như WordPress, HTML và CSS

Có tài liệu HTML không?

Tài liệu HTML5 là gì?

HTML5 có còn được sử dụng không?

HTML5 được xuất bản chính thức khi nào?