HTML 头部元素
HTML <head> na elemento
Ang <head> na elemento ay isang container ng lahat ng elemento sa ulo. Ang mga elemento sa <head> ay maaaring maglaman ng script, inutusan ang browser kung saan maaaring mahanap ang stylesheet, nagbibigay ng meta-information, at iba pa.
以下标签都可以添加到 head 部分：
、<base>、<link>、<meta>、<script> 以及 <style>。</p>
</div>
<div>
<h2>Ang mga tag na ito ay maaaring idagdag sa bahaging <head>: <title>, <base>, <link>, <meta>, <script>, at <style>.</h2>
<p>HTML <title> element</p>
<p>Ang <title> tag ay nagtutukoy ng title ng dokumento.</p>
<p>Ang title element ay kinakailangan sa lahat ng HTML/XHTML dokumento.</p>
<ul>
<li>Ang title element ay maaaring:</li>
<li>Ang pahina na itutukoy bilang title sa toolbar ng browser</li>
<li>Ang pahina na ipapakita kapag ang pahina ay idinagdag sa Favorites</li>
</ul>
<p>Ang pahina na ipapakita sa resulta ng search engine</p>
<pre class="language-html">
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
Ang nilalaman ng dokumento......
</body>
</html>
</pre>
</div>
<div>
<h2>HTML <base> element</h2>
<p>Ang <base> tag ay nagtutukoy ng pambansang address o pambansang target (target) sa lahat ng link sa pahina:</p>
<pre class="language-html">
<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>
</pre>
</div>
<div>
<h2>HTML <link> element</h2>
<p>Ang <link> tag ay nagtutukoy sa relasyon ng dokumento sa panlabas na resursa.</p>
<p>Ang <link> tag ay pinakamadalas ginagamit upang kumonekta sa stylesheet:</p>
<pre class="language-html">
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
</pre>
</div>
<div>
<h2>HTML <style> element</h2>
<p>Ang <style> tag ay ginagamit upang tukuyin ang estilo ng HTML dokumento.</p>
<p>Maaari mong itakda ang estilo ng HTML element sa browser sa loob ng elemento <style>:</p>
<pre class="language-html">
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
</pre>
</div>
<div>
<h2>HTML <meta> element</h2>
<p>Ang metadata (metadata) ay impormasyon tungkol sa impormasyon.</p>
<p>Ang <meta> tag ay nagbibigay ng impormasyon tungkol sa metadata ng HTML dokumento. Ang metadata ay hindi ipapakita sa pahina, ngunit napapalibutan ng makina na mabasa.</p>
<p>Ang tipikal na sitwasyon, ang meta element ay ginagamit upang itakda ang paglalarawan ng pahina, palatandaan ng salita, may-akda ng dokumento, huling oras ng pagbabago, at iba pang metadata.</p>
<p>Ang <meta> tag palaging nasa loob ng elementong <head>.</p>
<p>Metadata ay napapalibutan ng browser (paano ipapakita ang nilalaman o muling ilagay ang pahina), search engine (palatandaan ng salita), o iba pang web service.</p>
<h3>针对搜索引擎的关键词</h3>
<p>一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。</p>
<p>下面的 meta 元素定义页面的描述：</p>
<pre class="language-html">
<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
</pre>
<p>下面的 meta 元素定义页面的关键词：</p>
<pre class="language-html">
<meta name="keywords" content="HTML, CSS, XML" />
</pre>
<p>name 和 content 属性的作用是描述页面的内容。</p>
</div>
<div>
<h2>HTML <script> 元素</h2>
<p><script> 标签用于定义客户端脚本，比如 JavaScript。</p>
<p>我们会在稍后的章节讲解 script 元素。</p>
</div>
<div>
<h2>HTML 头部元素</h2>
<table class="dataintable">
<tr>
<th style="width:30%;">标签</th>
<th style="width:70%;">描述</th>
</tr>
<tr>
<td><a href="/tl/tags/tag_head.html" title="HTML <head> 标签"><head></a></td>
<td>定义关于文档的信息。</td>
</tr>
<tr>
<td><a href="/tl/tags/tag_title.html" title="HTML <title> 标签"><title></a></td>
<td>定义文档标题。</td>
</tr>
<tr>
<td><a href="/tl/tags/tag_base.html" title="HTML <base> 标签"><base></a></td>
<td>定义页面上所有链接的默认地址或默认目标。</td>
</tr>
<tr>
<td><a href="/tl/tags/tag_link.html" title="HTML <link> 标签"><link></a></td>
<td>定义文档与外部资源之间的关系。</td>
</tr>
<tr>
<td><a href="/tl/tags/tag_meta.html" title="HTML <meta> 标签"><meta></a></td>
<td>定义关于 HTML 文档的元数据。</td>
</tr>
<tr>
<td><a href="/tl/tags/tag_script.html" title="HTML <script> 标签"><script></a></td>
<td>定义客户端脚本。</td>
</tr>
<tr>
<td><a href="/tl/tags/tag_style.html" title="HTML <style> 标签"><style></a></td>
<td>定义文档的样式信息。</td>
</tr>
</table>
</div>
<div class="prenextnav">
<ul>
<li> 上一页 <a href="/tl/html/html_filepaths.html" title="HTML 文件路径">HTML 路径</a></li>
<li> 下一页 <a href="/tl/html/html_layout.html" title="HTML 布局">HTML 布局</a></li>
</ul>
</div><div style="background-color:#fcfdf8; padding:0;">
</div>
</div>
<!-- maincontent end -->
<div id="sidebar">
<div><h3><center> 工具箱 </center><h3>
<h5 id="tools_reference"><a href="/tl/tags/index.html">HTML 参考手册</a></h5>
<h5 id="tools_example"><a href="/tl/html/html_examples.html">HTML 实例</a></h5>
<h5 id="tools_quiz"><a href="/tl/html/html_quiz.html">HTML 测验</a></h5>
</div>
<div><h3><center> 赞助商链接 </center><h3>
<div id="sbtg">
<script src="/myjs/zzsr.js"></script>
</div>
</div>
</div>
<div id="footer">
<p id="p1">
CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。
</p>
<p id="p2">
<a href="/tl/about/index.html" title="关于 CodeW3C.com">关于 CodeW3C.com</a>
<a href="/tl/about/about_helping.html" title="帮助 CodeW3C.com">帮助 CodeW3C.com</a>
<a href="/tl/about/about_use.html" title="关于使用">使用条款</a>
<a href="/tl/about/about_privacy.html" title="关于隐私">隐私条款</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="动力来自 Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>