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 html
0 và html
1, chúng tôi thêm JavaScript vào trang của chúng tôi bằng thẻ html
2 và chúng tôi [html
3] 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
html
8html
9head
0head
1head
2head
3head
4head
5
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
head
6
Phần tử html
8 đượ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ử html
8 đượ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ử html
9 nếu bạn thích
body
1
Sử dụng phần tử html
9 giữa phần tử html
8 và head
5 để chứa nội dung chính của trang web của bạn. Phần tử html
9 không thể là phần tử con của phần tử head
1, head
3, html
8, head
5 hoặc head
0. 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 html
2 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ố html
9 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ử html
9 của riêng nó – hoặc bạn có thể bọc từng bài đăng trong thẻ
html
6
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ẻ head
0. Lưu ý rằng bạn không cần sử dụng thẻ head
0 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
html
9
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ử head
1 ở bất kỳ đâu ngoài phần tử được lồng trong phần tử head
4, nhưng trong hầu hết các trường hợp, phần tử head
1 sẽ là phần tử con trực tiếp của phần tử html
9 hoặc của phần tử head
2 là phần tử con trực tiếp của phần tử html
9
7
Phần tử head
2 đượ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ử head
2. 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ẻ head
3] 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ẻ head
2 vì một
Có một số nhầm lẫn về thời điểm sử dụng head
2 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
head
2 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ẻ head
3. 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ẻ head
3. 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ẻ head
3 để 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
head
0
Phần tử head
4 cung cấp thông tin liên hệ của phụ huynh gần nhất là head
1 hoặc phần tử body
chứa nó. Sử dụng phần tử head
4 bên trong head
1 để 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 head
1 trong các phần tử html
9 hoặc head
5, 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
html
0
head
5 xuất hiện ở cuối phần của tài liệu. Thông thường, phần tử head
5 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ử html
9, phần tử head
2 hoặc phần tử head
1. Cách sử dụng phổ biến nhất của phần tử head
5 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 head
4 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ử head
5 trong một head
1 để cung cấp siêu dữ liệu về bài viết cụ thể đó. Ví dụ: nếu thẻ head
1 đã đượ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ử head
5 và đặt nó ở dưới cùng của head
1
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
Your Webpage Title Goes Here
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