<h2>C&aacute;c thẻ HTML khai b&aacute;o th&ocirc;ng tin website cơ bản</h2>
<p>Như ở phần trước th&igrave; bạn đ&atilde; hiểu một t&agrave;i liệu web bằng HTML ho&agrave;n chỉnh sẽ bao gồm 4 phần ch&iacute;nh l&agrave; thẻ khai b&aacute;o loại tập tin&nbsp;<code>&lt;!DOCTYPE&gt;</code>, thẻ <code>&lt;html&gt;</code>, thẻ khai b&aacute;o th&ocirc;ng tin website <code>&lt;head&gt;</code> v&agrave; thẻ&nbsp;<code>&lt;body&gt;</code>.</p>
<p>V&agrave; b&ecirc;n trong cặp thẻ <code>&lt;html&gt;</code> trong t&agrave;i liệu th&igrave; đầu ti&ecirc;n sẽ l&agrave; cặp thẻ <code>&lt;head&gt;</code>, cặp thẻ n&agrave;y sẽ c&oacute; nhiệm vụ để bạn khai b&aacute;o th&ocirc;ng tin t&agrave;i liệu website m&agrave; bạn đang tạo ra như t&ecirc;n t&agrave;i liệu, t&ecirc;n t&aacute;c giả, m&ocirc; tả, khai b&aacute;o CSS, khai b&aacute;o Javascript,&hellip;rất nhiều. Nhưng tạm thời ở đ&acirc;y, c&aacute;c bạn chỉ cần biết qua một số thẻ khai b&aacute;o th&ocirc;ng tin web cơ bản được đặt b&ecirc;n trong thẻ cặp <code>&lt;head&gt;</code> m&agrave; hầu như dự &aacute;n n&agrave;o bạn cũng sẽ d&ugrave;ng tới.</p>
<p>Trước khi bắt đầu, bạn h&atilde;y viết một t&agrave;i liệu HTML như dưới đ&acirc;y.</p>
<p>&nbsp;</p>
<h3 id="ftoc-heading-1" class="ftwp-heading">Khai b&aacute;o t&ecirc;n t&agrave;i liệu&nbsp;với cặp thẻ &lt;title&gt;</h3>
<p>Thẻ <code>&lt;title&gt; &lt;/title&gt;</code> c&oacute; t&aacute;c dụng khai b&aacute;o t&ecirc;n&nbsp;t&agrave;i liệu web của bạn đang soạn. Ứng dụng thực tiễn của thẻ n&agrave;y l&agrave; gi&uacute;p tr&igrave;nh duyệt hiển thị t&ecirc;n t&agrave;i liệu khi mở l&ecirc;n v&agrave; c&aacute;c cỗ m&aacute;y t&igrave;m kiếm như Google cũng hiển thị nội dung trong cặp thẻ n&agrave;y để lấy t&ecirc;n t&agrave;i liệu.</p>
<p>V&iacute; dụ như với đoạn HTML tr&ecirc;n, m&igrave;nh sẽ thiết lập t&ecirc;n t&agrave;i liệu n&agrave;y l&agrave;&nbsp;<em>Truyền Mai &ndash; trang chia sẻ kiến thức .v.v.</em>, bạn h&atilde;y thử lưu lại v&agrave; mở n&oacute; l&ecirc;n bằng tr&igrave;nh duyệt sẽ thấy kết quả như sau.</p>
<p><img class="aligncenter size-full wp-image-23412" src="https://next-api.truyenmai.com/public/truyenmai/2019/11/titlehtml.jpeg?w=100%&amp;q=80" alt="html-the-head-01" width="100%" height="auto" loading="lazy"></p>
<h3 id="ftoc-heading-2" class="ftwp-heading">Khai b&aacute;o dữ liệu vĩ m&ocirc; với thẻ &lt;meta&gt;</h3>
<p>Thẻ <code>&lt;meta&gt;</code> l&agrave; một thẻ đặc biệt v&igrave; n&oacute; kh&ocirc;ng c&oacute; thẻ đ&oacute;ng như c&aacute;c thẻ kh&aacute;c m&agrave; sẽ c&oacute; dấu gạch ch&eacute;o như <code>/</code> ở đằng trước k&yacute; tự <code>&gt;</code> cuối c&ugrave;ng. Thẻ n&agrave;y c&oacute; mục đ&iacute;ch khai b&aacute;o c&aacute;c dữ liệu vĩ m&ocirc; trong t&agrave;i liệu web HTML của bạn như m&ocirc; tả, từ kh&oacute;a, t&ecirc;n t&aacute;c giả, bảng m&atilde; k&yacute; tự sử dụng,&hellip;</p>
<p>Thẻ meta lu&ocirc;n được khai b&aacute;o k&egrave;m theo &iacute;t nhất l&agrave; một thuộc t&iacute;nh v&agrave; mỗi thuộc t&iacute;nh phải lu&ocirc;n c&oacute; gi&aacute; trị. V&iacute; dụ:</p>
<pre class="language-markup"><code>&lt;meta charset="utf-8" /&gt;</code></pre>
<p>Trong đ&oacute;, <code>charset</code> l&agrave; t&ecirc;n thuộc t&iacute;nh v&agrave; <code>utf-8</code> l&agrave; gi&aacute; trị của thuộc t&iacute;nh <code>charset</code>.</p>
<h4 id="ftoc-heading-3" class="ftwp-heading">Thuộc t&iacute;nh charset</h4>
<p>Thuộc t&iacute;nh <code>charset</code> trong thẻ <code>&lt;meta&gt;</code> c&oacute; nhiệm vụ khai b&aacute;o cho tr&igrave;nh duyệt biết bảng m&atilde; k&yacute; tự si&ecirc;u văn bản b&ecirc;n trong t&agrave;i liệu l&agrave; g&igrave;. V&agrave; hiện nay hầu hết ch&uacute;ng ta đều sử dụng bảng m&atilde; UTF-8 cho tất cả ng&ocirc;n ngữ bao gồm c&aacute;c ng&ocirc;n ngữ tiếng latin, chữ H&aacute;n &ndash; N&ocirc;m v&agrave; c&aacute;c ng&ocirc;n ngữ đọc từ phải sang tr&aacute;i (Right to Left &ndash; RTL) như tiếng Ả-Rập chẳng hạn.</p>
<h4 id="ftoc-heading-4" class="ftwp-heading">Thuộc t&iacute;nh name</h4>
<p>Đối với thuộc t&iacute;nh name th&igrave; thẻ meta của bạn phải c&oacute; hai thuộc t&iacute;nh, đ&oacute; l&agrave; thuộc t&iacute;nh name v&agrave; content, trong đ&oacute; thuộc t&iacute;nh content được xem l&agrave; thiết lập nội dung cho thuộc t&iacute;nh name. V&iacute; dụ:</p>
<pre class="language-markup"><code>&lt;meta name="author" content="TruyenMai" /&gt;</code></pre>
<p>Trong đ&oacute;, gi&aacute; trị của thuộc t&iacute;nh name l&agrave; một gi&aacute; trị c&oacute; sẵn v&igrave; hiện tại thuộc t&iacute;nh name hỗ trợ một số gi&aacute; trị như:</p>
<ul>
<li><code>author</code>: Khai b&aacute;o t&ecirc;n t&aacute;c giả của t&agrave;i liệu.</li>
<li><code>description</code>: Khai b&aacute;o m&ocirc; tả của t&agrave;i liệu.</li>
<li><code>keyword</code>: Khai b&aacute;o từ kh&oacute;a của t&agrave;i liệu, c&aacute;c từ kh&oacute;a n&agrave;y sẽ đ&oacute;ng vai tr&ograve; hỗ trợ c&aacute;c tr&igrave;nh t&igrave;m kiếm văn bản hoặc m&aacute;y t&igrave;m kiếm website d&ograve; t&igrave;m.</li>
</ul>
<p>Đ&oacute; l&agrave; c&aacute;c gi&aacute; trị quan trọng thường d&ugrave;ng, ngo&agrave;i ra c&ograve;n một số gi&aacute; trị kh&aacute;c như:</p>
<ul>
<li><code>application-name</code>: T&ecirc;n ứng dụng đại diện của t&agrave;i liệu web.</li>
<li><code>generator</code>: Khai b&aacute;o t&ecirc;n ứng dụng tạo ra t&agrave;i liệu.</li>
</ul>
<h3 id="ftoc-heading-5" class="ftwp-heading">Lời kết</h3>
<p>Như m&igrave;nh đ&atilde; n&oacute;i ở đầu b&agrave;i l&agrave; c&aacute;c thẻ khai b&aacute;o th&ocirc;ng tin quan trọng cho t&agrave;i liệu HTML c&ograve;n kh&aacute; l&agrave; nhiều nhưng d&ugrave; sao c&aacute;c thẻ đ&oacute; bạn cũng sẽ kh&ocirc;ng sử dụng b&acirc;y giờ n&ecirc;n m&igrave;nh sẽ đề cập tới ở c&aacute;c serie kh&aacute;c. Nhưng trước mắt bạn n&ecirc;n nắm r&otilde; &yacute; nghĩa c&aacute;c thẻ kia để khi nh&igrave;n v&agrave;o một m&atilde; nguồn HTML th&igrave; bạn c&ograve;n hiểu được &yacute; nghĩa của ch&uacute;ng.</p>