Các yếu tố đầu HTML

Các ví dụ khác

Tiêu đề của tài liệu
Thẻ <title> định nghĩa tiêu đề của tài liệu.
Mở tất cả các liên kết đến một mục tiêu
Cách sử dụng thẻ base để mở tất cả các thẻ trong một cửa sổ mới.
Mô tả tài liệu
Sử dụng phần tử <meta> để mô tả tài liệu.
Từ khóa quan trọng của tài liệu
Sử dụng phần tử <meta> để định nghĩa từ khóa quan trọng của tài liệu.
Chuyển hướng người dùng
Cách chuyển hướng người dùng đến địa chỉ URL mới.

Element <head> trong HTML

Element <head> là container cho tất cả các phần đầu. Các phần trong <head> có thể chứa mã script, chỉ định nơi trình duyệt có thể tìm thấy các tệp CSS, cung cấp thông tin元, v.v.

以下标签都可以添加到 head 部分:、<base>、<link>、<meta>、<script> 以及 <style>。</p> </div> <div> <h2>Dưới đây là các thẻ có thể được thêm vào phần head: <title>, <base>, <link>, <meta>, <script> và <style>.</h2> <p>Thẻ <title> của HTML</p> <p>Thẻ <title> định nghĩa tiêu đề của tài liệu.</p> <p>Thẻ title là bắt buộc trong tất cả các tài liệu HTML/XHTML.</p> <ul> <li>Thẻ title có thể:</li> <li>Tiêu đề định nghĩa tiêu đề trong thanh công cụ của trình duyệt:</li> <li>Tiêu đề hiển thị khi trang được thêm vào thư mục lưu trữ:</li> </ul> <p>Tiêu đề trang hiển thị trong kết quả tìm kiếm của công cụ tìm kiếm:</p> <pre class="language-html"> <!DOCTYPE html> <html> <head> <title>Titile của tài liệu</title> </head> <body> Nội dung của tài liệu...... </body> </html> </pre> </div> <div> <h2>Thẻ <base> của HTML</h2> <p>Thẻ <base> quy định địa chỉ mặc định hoặc mục tiêu mặc định (target) cho tất cả các liên kết trên trang:</p> <pre class="language-html"> <head> <base href="http://www.codew3c.com/images/" /> <base target="_blank" /> </head> </pre> </div> <div> <h2>Thẻ <link> của HTML</h2> <p>Thẻ <link> định nghĩa mối quan hệ giữa tài liệu và tài nguyên ngoài.</p> <p>Thẻ <link> thường được sử dụng để kết nối các tài liệu样式:</p> <pre class="language-html"> <head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> </pre> </div> <div> <h2>Thẻ <style> của HTML</h2> <p>Thẻ <style> được sử dụng để định nghĩa thông tin樣式 cho tài liệu HTML.</p> <p>Bạn có thể quy định樣式 cho các thẻ HTML trong phần style:</p> <pre class="language-html"> <head> <style type="text/css"> body {màu nền: vàng} p {màu: xanh dương} </style> </head> </pre> </div> <div> <h2>Thẻ <meta> của HTML</h2> <p>Metadata (metadata) là thông tin về dữ liệu.</p> <p>Thẻ <meta> cung cấp thông tin metadata về tài liệu HTML. Metadata không hiển thị trên trang, nhưng đối với máy là có thể đọc được.</p> <p>Trường hợp phổ biến là, thẻ meta được sử dụng để quy định mô tả trang, từ khóa, tác giả tài liệu, thời gian chỉnh sửa cuối cùng và các metadata khác.</p> <p>Thẻ <meta> luôn nằm trong phần head.</p> <p>Meta dữ liệu có thể được sử dụng bởi trình duyệt (cách hiển thị nội dung hoặc tải lại trang), công cụ tìm kiếm (từ khóa) hoặc các dịch vụ web khác.</p> <h3>Các từ khóa cho công cụ tìm kiếm</h3> <p>Một số công cụ tìm kiếm sẽ sử dụng thuộc tính name và content của phần tử meta để chỉ mục trang của bạn.</p> <p>Các phần tử meta sau đây định nghĩa mô tả của trang:</p> <pre class="language-html"> <meta name="description" content="Miễn phí hướng dẫn web về HTML, CSS, XML" /> </pre> <p>Các phần tử meta sau đây định nghĩa từ khóa của trang:</p> <pre class="language-html"> <meta name="keywords" content="HTML, CSS, XML" /> </pre> <p>Công dụng của thuộc tính name và content là mô tả nội dung trang.</p> </div> <div> <h2>Phần tử <script> của HTML</h2> <p>Thẻ <script> được sử dụng để định nghĩa vũ khí khách hàng, chẳng hạn như JavaScript.</p> <p>Chúng tôi sẽ giải thích về phần tử script trong chương sau.</p> </div> <div> <h2>Các yếu tố đầu HTML</h2> <table class="dataintable"> <tr> <th style="width:30%;">Thẻ</th> <th style="width:70%;">Mô tả</th> </tr> <tr> <td><a href="/vi/tags/tag_head.html" title="Thẻ <head> của HTML"><head></a></td> <td>Định nghĩa thông tin về tài liệu.</td> </tr> <tr> <td><a href="/vi/tags/tag_title.html" title="Thẻ <title> của HTML"><title></a></td> <td>Định nghĩa tiêu đề tài liệu.</td> </tr> <tr> <td><a href="/vi/tags/tag_base.html" title="Thẻ <base> của HTML"><base></a></td> <td>Định nghĩa địa chỉ mặc định hoặc mục tiêu mặc định của tất cả các liên kết trên trang.</td> </tr> <tr> <td><a href="/vi/tags/tag_link.html" title="Thẻ <link> của HTML"><link></a></td> <td>Định nghĩa mối quan hệ giữa tài liệu và tài nguyên bên ngoài.</td> </tr> <tr> <td><a href="/vi/tags/tag_meta.html" title="Thẻ <meta> của HTML"><meta></a></td> <td>Định nghĩa dữ liệu元 về tài liệu HTML.</td> </tr> <tr> <td><a href="/vi/tags/tag_script.html" title="Thẻ <script> của HTML"><script></a></td> <td>Định nghĩa vũ khí khách hàng.</td> </tr> <tr> <td><a href="/vi/tags/tag_style.html" title="Thẻ <style> của HTML"><style></a></td> <td>Định nghĩa thông tin phong cách tài liệu.</td> </tr> </table> </div> <div class="prenextnav"> <ul> <li> Trang trước <a href="/vi/html/html_filepaths.html" title="Đường dẫn tệp HTML">Đường dẫn HTML</a></li> <li> Trang tiếp theo <a href="/vi/html/html_layout.html" title="Bố cục HTML">Bố cục HTML</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Công cụ </center><h3> <h5 id="tools_reference"><a href="/vi/tags/index.html">Hướng dẫn tham khảo HTML</a></h5> <h5 id="tools_example"><a href="/vi/html/html_examples.html">Mẫu HTML</a></h5> <h5 id="tools_quiz"><a href="/vi/html/html_quiz.html">Kiểm tra HTML</a></h5> </div> <div><h3><center> Liên kết nhà tài trợ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Nội dung được cung cấp bởi CodeW3C.com chỉ dùng cho đào tạo và kiểm tra, không đảm bảo tính chính xác của nội dung. Rủi ro đi kèm với việc sử dụng nội dung của trang này không liên quan đến trang này. Bảo quyền bản quyền, giữ lại tất cả quyền lợi. </p> <p id="p2"> <a href="/vi/about/index.html" title="Về CodeW3C.com">Về CodeW3C.com</a> <a href="/vi/about/about_helping.html" title="Trợ giúp CodeW3C.com">Trợ giúp CodeW3C.com</a> <a href="/vi/about/about_use.html" title="Về việc sử dụng">Điều khoản sử dụng</a> <a href="/vi/about/about_privacy.html" title="Về quyền riêng tư">Điều khoản quyền riêng tư</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Bởi Ce4e.com cung cấp"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>