查看在线实例
- 定义了<a href="http://www.php.cn/code/5010.html" target="_blank">HTML文档</a>的标题<br>使用 <title> 标签定义HTML文档的标题<p><base> - 定义了所有链接的URL<br>使用 <base> 定义页面中所有链接默认的链接目标地址。</p>
<p><meta> - 提供了HTML文档的meta标记<br>使用 <meta> 元素来描述HTML文档的描述，关键词，作者，<a href="http://www.php.cn/code/225.html" target="_blank">字符集</a>等。</p>
<p style="margin: 20px 0px; padding: 5px 5px 5px 10px; font-weight: normal; font-family: Verdana, " microsoft yahei border-left: solid rgb background: font-size: color: white-space: normal>HTML head> 元素</p>
<p></p> 元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
<p>可以添加在头部区域的元素标签为: </p>
<title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.<p style="margin: 20px 0px; padding: 5px 5px 5px 10px; font-weight: normal; font-family: Verdana, "Microsoft YaHei"; border-left: 5px solid rgb(255, 97, 0); background: rgb(255, 255, 255); font-size: 20px; color: rgb(69, 69, 69); white-space: normal;">HTML <title> 元素<p><title> 标签定义了不同文档的标题。<p><title> 在 HTML/XHTML 文档中是必须的。<p><title> 元素:<p>定义了浏览器工具栏的标题<p>当网页添加到收藏夹时，显示在收藏夹中的标题<p>显示在<a href="http://www.php.cn/code/8331.html" target="_blank">搜索引擎结果页面的标题<p>一个简单的 HTML 文档:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html></pre><div class="contentsignin">登录后复制</div></div><p style="margin: 20px 0px; padding: 5px 5px 5px 10px; font-weight: normal; font-family: Verdana, "Microsoft YaHei"; border-left: 5px solid rgb(255, 97, 0); background: rgb(255, 255, 255); font-size: 20px; color: rgb(69, 69, 69); white-space: normal;">HTML <base> 元素<p><base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><head>
<base href="www.php.cn/images/" target="_blank">
</head></pre><div class="contentsignin">登录后复制</div></div><p style="margin: 20px 0px; padding: 5px 5px 5px 10px; font-weight: normal; font-family: Verdana, "Microsoft YaHei"; border-left: 5px solid rgb(255, 97, 0); background: rgb(255, 255, 255); font-size: 20px; color: rgb(69, 69, 69); white-space: normal;">HTML <link> 元素<p><link> 标签定义了文档与外部资源之间的关系。<p><link> 标签通常用于链接到样式表:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head></pre><div class="contentsignin">登录后复制</div></div><p style="margin: 20px 0px; padding: 5px 5px 5px 10px; font-weight: normal; font-family: Verdana, "Microsoft YaHei"; border-left: 5px solid rgb(255, 97, 0); background: rgb(255, 255, 255); font-size: 20px; color: rgb(69, 69, 69); white-space: normal;">HTML <style> 元素<p><style> 标签定义了HTML文档的样式文件<a href="http://www.php.cn/wiki/231.html" target="_blank">引用地址.<p>在<style> 元素中你需要指定样式文件来渲染HTML文档:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head></pre><div class="contentsignin">登录后复制</div></div><p style="margin: 20px 0px; padding: 5px 5px 5px 10px; font-weight: normal; font-family: Verdana, "Microsoft YaHei"; border-left: 5px solid rgb(255, 97, 0); background: rgb(255, 255, 255); font-size: 20px; color: rgb(69, 69, 69); white-space: normal;">HTML <meta> 元素<p>meta标签描述了一些基本的元数据。<p><meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。<p>META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。<p>元数据可以使用于浏览器（如何显示内容或重新加载页面），搜<a href="http://www.php.cn/code/229.html" target="_blank">索引擎（关键词），或其他Web服务。<p><meta>一般放置于 <head>区域<p style="margin: 20px 0px; padding: 5px 5px 5px 10px; font-weight: normal; font-family: Verdana, "Microsoft YaHei"; border-left: 5px solid rgb(255, 97, 0); background: rgb(255, 255, 255); font-size: 20px; color: rgb(69, 69, 69); white-space: normal;"><meta> 标签- 使用实例<p>为搜索引擎定义关键词:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"></pre><div class="contentsignin">登录后复制</div></div><p>【相关推荐】<br/><p>1. <strong><span style="color: rgb(255, 0, 0);">特别推荐：<a href="http://www.php.cn/xiazai/gongju/714" target="_self">“php程序员工具箱”V0.1版本下载<p>2. <a href="http://www.php.cn/course/list/11.html" target="_self">免费html在线视频教程<a href="http://www.php.cn/course/list/13.html" target="_self"><a href="http://www.php.cn/course/list/12.html" target="_self"><p>3. <a href="http://www.php.cn/code/225.html" target="_blank">字符集0教程<a href="http://www.php.cn/code/225.html" target="_blank">字符集1</style>
以上就是HTML头部元素的介绍及相关教程的详细内容，更多请关注php中文网其它相关文章！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
1019
