HTML 元素
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
<head>
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
<title>, <style>, <meta>, <link>, <script>, <noscript>
<base>
HTML 元素</strong></p> <p><code><title></code> 标签定义了不同文档的标题。</p> <p><code><title></code> 在 HTML/XHTML 文档中是必需的。</p> <p><code><title></code> 元素:</p> <p>定义了浏览器工具栏的标题 当网页添加到收藏夹时，显示在收藏夹中的标题 显示在搜索引擎结果页面的标题 一个简单的 HTML 文档:</p> <p>实例</p> <pre><code><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html></code></pre> <p><strong>HTML <base> 元素</strong></p> <p><code><base></code> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:</p> <p>实例</p> <pre><code><head> <base href="http://www.runoob.com/images/" target="_blank"> </head></code></pre> <p><strong>HTML <link> 元素</strong></p> <p><code><link></code> 标签定义了文档与外部资源之间的关系。</p> <p><code><link></code> 标签通常用于链接到样式表:</p> <p>实例</p> <pre><code><head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head></code></pre> <p><strong>HTML <style> 元素</strong></p> <p><code><style></code> 标签定义了HTML文档的样式文件引用地址.</p> <p>在<code><style></code> 元素中你也可以直接添加样式来渲染 HTML 文档:</p> <p>实例</p> <pre><code><head> <style type="text/css"> body { background-color:yellow; } p { color:blue } </style> </head></code></pre> <p><strong>HTML <meta> 元素</strong></p> <p>meta标签描述了一些基本的元数据。</p> <p><code><meta></code> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。</p> <p>META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。</p> <p>元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。</p> <p><code><meta></code> 一般放置于 <code><head></code> 区域</p> <p><strong><meta> 标签- 使用实例</strong></p> <p>为搜索引擎定义关键词:</p> <pre><code><meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"></code></pre> <p>为网页定义描述内容:</p> <pre><code><meta name="description" content="免费 Web & 编程 教程"></code></pre> <p>定义网页作者:</p> <pre><code><meta name="author" content="Runoob"></code></pre> <p>每30秒钟刷新当前页面:</p> <pre><code><meta http-equiv="refresh" content="30"></code></pre> <p>每30秒钟刷新当前页面:</p> <pre><code><meta http-equiv="refresh" content="30"></code></pre> <p><strong>HTML <script> 元素</strong></p> <p><code><script></code>标签用于加载脚本文件，如： JavaScript。</p> <p><code><script></code> 元素在以后的章节中会详细描述。</p> <p><strong>HTML head 元素</strong></p> <pre><code>标签 描述 <head> 定义了文档的信息 <title> 定义了文档的标题 <base> 定义了页面链接标签的默认链接地址 <link> 定义了一个文档和外部资源之间的关系 <meta> 定义了HTML文档中的元数据 <script> 定义了客户端的脚本文件 <style> 定义了HTML文档的样式文件</code></pre> </p> <hr/> <p> 原文链接：https://codingdict.com/</p> <hr/> </div> <hr> </section> </div> <div class="col-md-4 course-sidebar"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">热门标签</h3> </div> <div class="panel-body"> <ul style="padding-left:0px;"> <a href="/blogs/tag/reactjs/" class="tags" style="margin:0 5px 5px 0">reactjs</a> <a href="/blogs/tag/json/" class="tags" style="margin:0 5px 5px 0">json</a> <a href="/blogs/tag/ajax/" class="tags" style="margin:0 5px 5px 0">ajax</a> <a href="/blogs/tag/flutter/" class="tags" style="margin:0 5px 5px 0">flutter</a> <a href="/blogs/tag/java/" class="tags" style="margin:0 5px 5px 0">java</a> <a href="/blogs/tag/python/" class="tags" style="margin:0 5px 5px 0">python</a> <a href="/blogs/tag/go/" class="tags" style="margin:0 5px 5px 0">go</a> <a href="/blogs/tag/sql/" class="tags" style="margin:0 5px 5px 0">sql</a> <a href="/blogs/tag/spring/" class="tags" style="margin:0 5px 5px 0">spring</a> <a href="/blogs/tag/hibernate/" class="tags" style="margin:0 5px 5px 0">hibernate</a> <a href="/blogs/tag/springmvc/" class="tags" style="margin:0 5px 5px 0">springmvc</a> <a href="/blogs/tag/docker/" class="tags" style="margin:0 5px 5px 0">docker</a> <a href="/blogs/tag/activemq/" class="tags" style="margin:0 5px 5px 0">activemq</a> <a href="/blogs/tag/springboot/" class="tags" style="margin:0 5px 5px 0">springboot</a> <a href="/blogs/tag/maven/" class="tags" style="margin:0 5px 5px 0">maven</a> <a href="/blogs/tag/servlet/" class="tags" style="margin:0 5px 5px 0">servlet</a> <a href="/blogs/tag/golang/" class="tags" style="margin:0 5px 5px 0">golang</a> <a href="/blogs/tag/mybatis/" class="tags" style="margin:0 5px 5px 0">mybatis</a> <a href="/blogs/tag/tomcat/" class="tags" style="margin:0 5px 5px 0">tomcat</a> <a href="/blogs/tag/elasticsearch/" class="tags" style="margin:0 5px 5px 0">elasticsearch</a> <a href="/blogs/tag/jvm/" class="tags" style="margin:0 5px 5px 0">jvm</a> <a href="/blogs/tag/jdbc/" class="tags" style="margin:0 5px 5px 0">jdbc</a> <a href="/blogs/tag/selenium/" class="tags" style="margin:0 5px 5px 0">selenium</a> <a href="/blogs/tag/django/" class="tags" style="margin:0 5px 5px 0">django</a> <a href="/blogs/tag/redis/" class="tags" style="margin:0 5px 5px 0">redis</a> <a href="/blogs/tag/mycat/" class="tags" style="margin:0 5px 5px 0">mycat</a> <a href="/blogs/tag/eureka/" class="tags" style="margin:0 5px 5px 0">eureka</a> <a href="/blogs/tag/springcloud/" class="tags" style="margin:0 5px 5px 0">springcloud</a> <a href="/blogs/tag/nginx/" class="tags" style="margin:0 5px 5px 0">nginx</a> <a href="/blogs/tag/vue/" class="tags" style="margin:0 5px 5px 0">vue</a> <a href="/blogs/tag/yaml/" class="tags" style="margin:0 5px 5px 0">yaml</a> <a href="/blogs/tag/android/" class="tags" style="margin:0 5px 5px 0">android</a> <a href="/blogs/tag/vs/" class="tags" style="margin:0 5px 5px 0">vs</a> <a href="/blogs/tag/idea/" class="tags" style="margin:0 5px 5px 0">idea</a> <a href="/blogs/tag/linux/" class="tags" style="margin:0 5px 5px 0">linux</a> <a href="/blogs/tag/cmd/" class="tags" style="margin:0 5px 5px 0">cmd</a> <a href="/blogs/tag/html/" class="tags" style="margin:0 5px 5px 0">html</a> <a href="/blogs/tag/c/" class="tags" style="margin:0 5px 5px 0">c</a> <a href="/blogs/tag/ESP32/" class="tags" style="margin:0 5px 5px 0">ESP32</a> <a href="/blogs/tag/kibana/" class="tags" style="margin:0 5px 5px 0">kibana</a> <a href="/blogs/tag/pip/" class="tags" style="margin:0 5px 5px 0">pip</a> <a href="/blogs/tag/%E5%85%AC%E4%BC%97%E5%8F%B7/" class="tags" style="margin:0 5px 5px 0">公众号</a> <a href="/blogs/tag/Postman/" class="tags" style="margin:0 5px 5px 0">Postman</a> <a href="/blogs/tag/es/" class="tags" style="margin:0 5px 5px 0">es</a> <a href="/blogs/tag/mysql/" class="tags" style="margin:0 5px 5px 0">mysql</a> <a href="/blogs/tag/jsp/" class="tags" style="margin:0 5px 5px 0">jsp</a> <a href="/blogs/tag/dbutils/" class="tags" style="margin:0 5px 5px 0">dbutils</a> <a href="/blogs/tag/dbutil/" class="tags" style="margin:0 5px 5px 0">dbutil</a> </ul> </div> </div> </div> </div> </div> </div> <footer class="es-footer"> <div class="copyright"> <div class="container"> Powered by <a href="http://www.codingdict.com/" target="_blank">CodingDict</a> ©2014-2020 <a class="mlm" href="http://www.codingdict.com/" target="_blank">编程字典</a> <a class="mlm" href="http://www.codingdict.com/courses">课程存档</a> <div class="mts"> 课程内容版权均归 <a href="http://www.codingdict.com/"> CodingDict </a> 所有 <a class="mlm" href="https://beian.miit.gov.cn/" target="_blank"> 京ICP备18030172号 </a> </div> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?30b336128641baa43b1404dd15891277"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "JpzbFo2d3IEdIRuU",ck: "JpzbFo2d3IEdIRuU"})</script> </footer> </div> </body> </html>
