ĐứNg đầu, tiêu đề và nội dung của tệp HTML - tập trung

Các tệp HTML được cấu trúc theo một cách cụ thể để trình duyệt có thể giải thích chính xác thông tin của tệp. Mỗi tệp HTML có cùng 5 phần tử: bốn thẻ mở và đóng xuất hiện một lần và chỉ một lần, và một tệp xuất hiện một lần và không cần thẻ đóng. Đó là:

• ! DOCTYPE html phải xuất hiện đầu tiên trong tệp HTML của bạn và tệp này chỉ xuất hiện một lần. Thẻ này cho phép các trình duyệt biết phiên bản HTML bạn đang sử dụng. Trong trường hợp này, đó là phiên bản mới nhất, HTML5. Không có thẻ đóng là cần thiết cho phần tử này.

  Đối với các trang web HTML4, dòng đầu tiên trong tệp HTML sẽ đọc

• html đại diện cho root hoặc bắt đầu của một tài liệu HTML. Thẻ được theo sau bằng thẻ mở và đóng đầu tiên, sau đó là thẻ mở và đóng.

• head chứa các phần tử khác, trong đó chỉ định thông tin chung về trang, bao gồm cả tiêu đề.

• title xác định tiêu đề trong thanh tiêu đề hoặc tab trang của trình duyệt. Các công cụ tìm kiếm như Google sử dụng tiêu đề để xếp hạng trang web trong kết quả tìm kiếm.

• phần thân chứa nội dung chính của một tài liệu HTML. Văn bản, hình ảnh và nội dung khác được liệt kê giữa thẻ cơ thể mở và đóng được hiển thị bởi trình duyệt.

Dưới đây là một ví dụ về một tệp HTML có cấu trúc đúng với năm thẻ sau:

Câu chuyện phim yêu thích

"Tôi sẽ làm cho anh ta một lời đề nghị mà anh ta không thể từ chối"

" Bạn nói chuyện với tôi? "

Sử dụng các khoảng trống để thụt lề và tách các thẻ của bạn là rat khuyen khich. Nó giúp bạn và những người khác đọc và hiểu mã của bạn. Những không gian này chỉ dành cho bạn và bất kỳ người nào khác đọc mã. Trình duyệt của bạn sẽ không quan tâm. Xa như trình duyệt của bạn có liên quan, bạn có thể chạy tất cả các thẻ của bạn cùng nhau trên một dòng. Người tiếp theo đọc mã của bạn sẽ không hài lòng lắm.) HTML nhận ra và hiển thị kí tự khoảng trắng đầu tiên trong văn bản giữa việc mở và đóng các thẻ HTML.

Ví dụ có nhiều thẻ h1 nhưng chỉ có một mở và đóng html, đầu, tiêu đề và thẻ cơ thể.