HTML头部<head>学习
元素是所有头部元素的容器。 元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
以下标签都可以添加到 head 部分：
1.title:定义文档的标题,是必须有的元素
<title>在这里写上文档标题</title>
2base：为页面上的所有链接规定默认地址或默认目标
/*必须的属性*/
href 规定页面中所有相对链接的基准 URL
<base href="http://yeching.info" />
/*可选属性*/
target 在何处打开页面中所有的链接，该属性会被每个链接中的 target 属性覆盖
/*可能的值：*/
_blank ， _parent ，_self，_top
<base target="_blank" />
3.link：定义文档与外部资源之间的关系。一般用于链接外部样式表，
<link rel="stylesheet" type="text/css" href="style.css" />
/*常用的属性*/
rel：必需。定义当前文档与被链接文档之间的关系。
type：规定被链接文档的 MIME 类型
href：规定被链接文档的位置
media：规定被链接文档将被显示在什么设备上，主要用在媒体查询功能中
<link rel="stylesheet" media="only screen and (min-width: 480px)" href="styles.css" />
/*其他：*/
<link rel="shortcut icon" href="img/favicon.ico"/>
<link rel="apple-touch-icon" href="img/touchicon.png"/>
4.meta：元数据（Metadata）是数据的数据信息。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。元数据不会显示在客户端，会被浏览器解析。元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。搜索引擎优化排名等网络营销方法内容中，通常都要谈论META标签的作用
/*常见用法*/
1.说明主页制作所使用的文字以及语言
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta charset="utf-8" />HTML5中的用法
2.定义文档关键词
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
3.定义web页面描述
<meta name="description" content=" Web about HTML and CSS">
4.定义页面作者
<meta name="author" content="yeching">
5.每30秒刷新页面
<meta http-equiv="refresh" content="30">
6.设定网页的到期时间，一旦过期则必须到服务器上重新调用
<meta http-equiv="expires" content="31 Dec 2016">
7.设定可视区
<meta name="viewport" content="width=device-width" initial-scale=1.0 />
/*常用属性*/
content：content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。content 属性始终要和 name 属性或 http-equiv 属性一起使用。
http-equiv：为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
name：name 属性提供了名称/值对中的名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。
charset（HTML5）：定义文档的字符编码。
**5.script **：定义了客户端的脚本文件
1.插入代码
<script type="text/javascript">
/*在这里写你的代码*/
</script>
<script>
/*默认就是JavaScript，不写type="text/javascript"也可以*/
/*在这里写你的代码*/
</script>
2.规定外部脚本的 URL
<script src="myscripts.js"></script>
/*可用的属性*/
async（HTML5）：规定异步执行脚本（仅适用于外部脚本）。
charset：规定在脚本中使用的字符编码（仅适用于外部脚本）。常见的utf-8
defer：规定当页面已完成解析后，执行脚本（仅适用于外部脚本）。
src：规定外部脚本的 URL。
type：规定脚本的 MIME 类型。默认JavaScript
6.style：义 HTML 文档的样式信息
<style type="text/css">
/*在这里写样式*/
h1 {color:red;}
p {color:blue;}
</style>
总结：
<head>
<meta charset="utf-8"/>
<title>head 使用</title>
<base href=" " />
<base target=" " />
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width"/>
<meta name="author" content=" ">
<meta name="viewport" content="width=device-width" initial-scale=1.0 />
<link rel="stylesheet" href="css/style.css"/>
<link rel="shortcut icon" href="img/favicon.ico"/>
<link rel="apple-touch-icon" href="img/touchicon.png"/>
<style type="text/css">/*在这里写样式*/</style>
<script>/*在这里写你的代码*/</script>
</head>
HTML头部<head>学习的更多相关文章
- http头部信息学习
想的每2周进行知识的总结,自己拖延症有犯了,发现自己知识库量还是太少,平时总结和发现问题还不够深,对待问题的深度也存在很多问题,但是坚持学习,总结,后面应该会有收获, 1.常见的返回码 100: 请服 ...
- 每日目标——HTML 头部标签学习 2015-8-27
<head> <title>bp</title> <meta http-equiv="Content-Type" content=&quo ...
- TCP 中的三次握手和四次挥手
Table of Contents 前言 数据报头部 三次握手 SYN 攻击 四次挥手 半连接 TIME_WAIT 结语 参考链接 前言 TCP 中的三次握手和四次挥手应该是非常著名的两个问题了,一方 ...
- HTML&CSS基础学习笔记1.17-表格的头部与尾部
表格的头部和尾部 既然有标签表示表格的主体,那么自然表格的头部和尾部也有对应的标签. HTML中使用<thead>标签表示表格的头部,使用<tfoot>标签表示表格的尾部. 有 ...
- React Native学习（四）—— 写一个公用组件（头部）
本文基于React Native 0.52 Demo上传到Git了,有需要可以看看,写了新内容会上传的.Git地址 https://github.com/gingerJY/React-Native-D ...
- 学习HTML 第二节.HTML头部
HTML为什么要有个头部?还不太明白,可能是一些要提前声明的东西吧.先看看有什么内容吧. 可以添加在头部区域的元素标签为: <title>标题,这个我们知道了: <meta>使 ...
- HTTP的学习记录(二)头部
本文主要讲一些 HTTP头部的信息 首先看一段 惊为天人 的文章. 来自于 <淘宝技术这十年> 你发现快要过年了,于是想给你的女朋友买一件毛衣,你打开了www.taobao.com.这时你 ...
- HTML学习（9）头部
HTML <head> 元素 <head> 元素包含了所有的头部标签元素.在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种met ...
- 学习:erlang的不定长数据包头部。
随机推荐
- ecshop改造读写分离
前两天配置好了mysql主从方式,今天就拿ecshop练习读写分离.以下代码仅供学习参考,不成熟的地方,还需完善. config.php <?php $db_name = "ecsho ...
- 编程范式感想（一）——在C中进行对模板功能的实现
最近一直在看网易公开课上的编程范式的公开课,斯坦福的教授讲的真的非常到位,感觉还是要好好学习下C还有汇编,熟悉下计算机的内存机制什么的. 大家都知道关于模板或者说范式的问题,基本在很多高级语言上都有实 ...
- CALayer -- 备忘
CALayer layer是层,每个view上都会最少有一个layer,view上的可视化内容其实都是层. CALayer展示实例 let customView = UIView(frame: CGR ...
- HTML5之本地文件系统API - File System API
HTML5之本地文件系统API - File System API 新的HTML5标准给我们带来了大量的新特性和惊喜,例如,画图的画布Canvas,多媒体的audio和video等等.除了上面我们提到 ...
- logger.debug,logger.info,logger.warn,logger.error,logger.fatal的区别
logger.debug,logger.info,logger.warn,logger.error,logger.fatal的区别 logger.debug,logger.info,logger.wa ...
- BZOJ 1634: [Usaco2007 Jan]Protecting the Flowers 护花
Description Farmer John went to cut some wood and left N (2 <= N <= 100,000) cows eating the g ...
- 【网络流24题】No. 17 运输问题 （费用流）
[题意] W 公司有 m 个仓库和 n 个零售商店.第 i 个仓库有ai 个单位的货物:第 j 个零售商店需要b j 个单位的货物. 货物供需平衡,即SIGMA(A)=SIGMA(B). 从第 i 个 ...
- Migrating from IntelliJ Projects
We might provide an automatic migration option in Android Studio in the future. For now, to migrat ...
- postMan 使用
Postman功能(https://www.getpostman.com/features) 主要用于模拟网络请求包 快速创建请求 回放.管理请求 快速设置网络代理 安装 下载地址:https://w ...
- C# 如何为应用程序加入多个图标?
对于WINDOWS XP操作系统,浏览文件时有列表,图标和平铺三种,显示出文件图标的大小分别为16x16,32x32,48x48这三种尺寸.有些程序包含这三个尺寸的图标,随着浏览文件时的设置来选择尺寸 ...