head头部包裹title,base,link,meta,script,style
2020-03-26 16:02:47来源：博客园 阅读 ()
head头部包裹title,base,link,meta,script,style
HTML头部head元素包含关于文档的概要信息，也被称为元信息（meta-information），head定义了文档的信息，title定义了文档的标题，base定义了页面链接标签的默认链接地址，link定义了一个文档和外部资源之间的关系，meta定义了HTML文档中的元数据，script定义了客户端的脚本文件，style定义了HTML文档的样式文件HTML头部<head>元素包含关于文档的概要信息，也被称为元信息（meta-information）
- <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种 meta 信息。
- 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
- <head> 元素描述了文档的各种属性和信息，其中包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
HTML <title> 元素/<title> 标签定义了不同文档的标题,<title> 在 HTML/XHTML 文档中是必须的(代码部分为一个简单的HTML文档)
- <title> 元素定义了浏览器工具栏的标题
- 当网页添加到收藏夹时，显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Title of the document</title> 5 </head> 6 <body> 7 The content of the document...... 8 </body> 9 </html>
HTML <base> 元素/<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接，在 HTML 中，<base> 标签没有结束标签；在 XHTML 中，<base> 标签必须被正确地关闭
1 <head> 2 <base href="https://www.cnblogs.com/dhnblog/" target="_blank"> 3 </head>
HTML <link> 元素/<link> 标签定义了文档与外部资源之间的关系，<link> 标签通常用于链接到样式表:
1 <head> 2 <link rel="stylesheet" type="text/css" href="mystyle.css"> 3 </head>
HTML <style> 元素/<style> 标签定义了HTML文档的样式文件引用地址，在<style> 元素中你需要指定样式文件来渲染HTML文档:
1 <head> 2 <style type="text/css"> 3 body {background-color:yellow} 4 p {color:blue} 5 </style> 6 </head>
HTML <meta> 元素/meta标签描述了一些基本的元数据；<meta> 标签提供了元数据。元数据也不显示在页面上，但会被浏览器解析；META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据；元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务；<meta>一般放置于 <head>区域
<meta> 标签- 使用实例：
1 为搜索引擎定义关键词: 2 <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> 3 为网页定义描述内容: 4 <meta name="description" content="Free Web tutorials on HTML and CSS"> 5 定义网页作者: 6 <meta name="author" content="Hege Refsnes">
每30秒钟刷新当前页面:
1 <meta http-equiv="refresh" content="30">
HTML <script> 元素，<script>标签用于加载脚本文件，如： JavaScript
HTML head 元素如图：
原文链接:https://www.cnblogs.com/dhnblog/p/12578423.html
如有疑问请与原作者联系
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：零基础如何学好前端？有什么建议？
- 前端命名规范 2020-03-17
- 表格及表单属性 2020-03-10
- Html介绍,认识head标签 2020-02-12
- 两列 2020-01-13
- 网站优化 2019-11-13
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
