Xác định Các Tiêu đề và Các Liên kết trong Phần tử Đầu trang của HTML - những hình núm vú

Trong phần HTML trong một trang mà bạn đang xây dựng cho trang web của mình, có hai yếu tố chính xác định. Nội dung hiển thị của trang được đính kèm trong thẻ, và sau đó mọi thứ khác đi trong phần đầu.

Phần đầu tài liệu HTML là nơi mà tiêu đề trang được xác định và cũng là nơi các liên kết đến các tệp mà trang HTML phụ thuộc được xác định. Các phần tử HTML bên trong phần tử chính truyền đạt thông tin quan trọng, chẳng hạn như tên của trang web, mô tả nội dung trang web và kiểu trang được liên kết. Thông tin này được sử dụng bởi trình duyệt, công cụ tìm kiếm và khách truy cập trang web.

Phần đầu của HTML thường bao gồm:

• Tiêu đề trang

• Các liên kết đến tệp định kiểu CSS được sử dụng để định dạng trang

• Từ khoá và các "Siêu dữ liệu" được sử dụng trong công cụ tìm kiếm

Các tiêu đề tóm tắt nội dung trang

Tiêu đề tiêu đề trang hiển thị trong thanh tiêu đề của một trình duyệt hoặc tab trình duyệt và cũng trong hầu hết các danh sách kết quả tìm kiếm. Tiêu đề trang là cần thiết - chúng nên gọn gàng, nhưng chưa tổng kết nội dung trang.

Đây là mã mẫu cho một tiêu đề trang:

Chào mừng đến với Web Collective!

Các liên kết đến các tờ kiểu dáng CSS

Các liên kết đến các tờ kiểu dáng cũng thuộc phần đầu của một trang HTML. Hãy nhớ rằng định dạng được cung cấp cho các trang web hiện đại thông qua các tệp tin bên ngoài, khác biệt, riêng biệt, liên kết. Đây là cách mà mã đó trông:

Cú pháp cho một bảng kiểu được liên kết là một chút bối rối, do đó, phá vỡ nó xuống. Thẻ liên kết một trang với trang HTML là một ví dụ về một thành phần không chứa (đôi khi được gọi là một phần tử void). Nói cách khác, chỉ có một thẻ mở và không có thẻ đóng. Thay vào đó, thẻ liên kết này sẽ mở ra.

Để gắn bó với ví dụ về một bảng kiểu được liên kết, phần tử liên kết có các thuộc tính rel, href và. Các thuộc tính này có cả thuộc tính

tên

(như rel, href, hoặc type) và giá trị (thông tin cụ thể trong dấu ngoặc kép nằm sau tên thuộc tính). Vai trò của

là các yếu tố tùy chọn trong phần tử head chuyển thông tin bổ sung về trang, bao gồm:

Mô tả và từ khoá được sử dụng bởi công cụ tìm kiếm. Thông tin bổ sung về trang, như tác giả.

• Giống như mọi thứ khác trong HTML, vai trò và giá trị của thẻ meta đang phát triển. Trong các thời kỳ trước, các thẻ meta cho từ khoá đóng một vai trò quan trọng hơn trong việc tối ưu hóa công cụ tìm kiếm (SEO, hiển thị nổi bật và chính xác trong kết quả của công cụ tìm kiếm).

• Tuy nhiên, các công cụ tìm kiếm hiện đại (và các thẻ mới bổ sung trong HTML5) cung cấp các kênh thay thế và phức tạp hơn cho việc xác định nội dung trang và lập chỉ mục nội dung đó trong các công cụ tìm kiếm. Tuy nhiên, việc sử dụng các thẻ meta cho tác giả, mô tả và từ khoá (đôi khi hữu ích cho các công cụ tìm kiếm) vẫn có thể là một phần quan trọng của nội dung HTML đầu.

Hãy xem những gì một sự mở cửa điển hình cho một trang HTML, bao gồm phần tử đầu, có thể giống như thế.

Chào mừng bạn đến cuộc Cách mạng Web

Các phần tử HTML bên trong phần tử chính truyền đạt thông tin quan trọng, chẳng hạn như tên của trang web, mô tả nội dung trang web và kiểu trang được liên kết. Thông tin này được sử dụng bởi trình duyệt, công cụ tìm kiếm và khách truy cập trang web.

Con số này cho thấy các phần của phần tử đầu thông tin trao đổi thông tin với thế giới như thế nào. Bạn có thể xem mã nguồn HTML cho phiên bản craigslist ở Thành phố New York. com (trên cùng bên trái), cùng với tiêu đề được xác định, được hiển thị trong thanh tiêu đề của trình duyệt (phía trên bên phải) và mô tả được xác định khi nó hiển thị trong kết quả tìm kiếm của Google (dưới bên phải).