Thứ Năm, 12 tháng 12, 2013

HTML Head



HTML <head> Element

Các yếu tố <head> là một container cho tất cả các yếu tố đầu. Yếu tố bên trong <head> có thể bao gồm các kịch bản, hướng dẫn trình duyệt nơi để tìm thấy phong cách trang, cung cấp thông tin meta, và nhiều hơn nữa.

Các thẻ sau đây có thể được thêm vào phần đầu: <title>, <style>, <meta>, <link>, script, <noscript>, và <base>.

HTML <title> Element

Thẻ <title> xác định tiêu đề của tài liệu.

Các yếu tố <title> là cần thiết trong tất cả các tài liệu HTML / XHTML.

Các yếu tố <title>:
  • xác định một tiêu đề trên thanh công cụ trình duyệt
  • cung cấp một tiêu đề cho trang web khi nó được thêm vào mục yêu thích
  • hiển thị tiêu đề cho trang web trong kết quả tìm kiếm động cơ
Một tài liệu HTML đơn giản:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>


HTML <base> Element

Thẻ <base> quy định cụ thể cơ sở URL / mục tiêu cho tất cả các URL tương đối trong một trang:

<head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>


HTML <link> Element

Thẻ <link> xác định mối quan hệ giữa một tài liệu và nguồn lực bên ngoài.
Thẻ <link> được sử dụng nhiều nhất để liên kết đến tấm hình:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


HTML <style> Element

Thẻ <style> được sử dụng để xác định thông tin phong cách cho một tài liệu HTML.
Bên trong phần tử <style> bạn chỉ định cách các phần tử HTML nên làm trong một trình duyệt:

<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>


HTML <meta> Element

Siêu dữ liệu là dữ liệu (thông tin) về dữ liệu.

Thẻ <meta> cung cấp siêu dữ liệu về các tài liệu HTML. Siêu dữ liệu sẽ không được hiển thị trên trang, nhưng sẽ là máy parsable.

Các yếu tố meta thường được sử dụng để xác định mô tả trang, từ khóa, tác giả của tài liệu, sự biến đổi cuối cùng, và siêu dữ liệu khác.

Các siêu dữ liệu có thể được sử dụng bởi các trình duyệt (làm thế nào để hiển thị nội dung hoặc tải lại trang), công cụ tìm kiếm (từ khoá), hoặc các dịch vụ web khác.

thẻ <meta> luôn luôn đi bên trong phần tử <head>.

<meta> khóa - Ví dụ về sử dụng

Xác định từ khóa cho công cụ tìm kiếm:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Xác định một mô tả của trang web của bạn:
<meta name="description" content="Free Web tutorials on HTML and CSS">

Xác định tác giả của một trang:
<meta name="author" content="Hege Refsnes">

Làm mới tài liệu mỗi 30 giây:
<meta http-equiv="refresh" content="30">


HTML <script> Element

Thẻ <script> được sử dụng để xác định một kịch bản phía máy khách, chẳng hạn như một JavaScript.

Các yếu tố <script> sẽ được giải thích trong một chương sau.


Các tin khác

Không có nhận xét nào:

Đăng nhận xét