html5开发head信息介绍
来源:互联网 发布:php token验证原理 编辑:程序博客网 时间:2024/05/16 09:01
HTML开发中关于开发头部信息(head)里包含关于所在网页的信息。html5开发中头部信息(head)里的内容,主要是被浏览器所用,不会显示在网页的正文内容里。
另外,搜索引擎如google,yahoo,baidu等也会查找你网页中的head信息。为了让搜索引擎能够收录你的网页,你也要填写适当的head信息。
下面说几个html5开发常用的head信息里的html元素,如标题(title),链接(link),样式(style)以及关于信息(meta)。
标题(title)
标题(title)是最常用的head信息。它不显示在HTML网页正文里,显示在浏览器窗口的标题栏里。
示例代码如下:
<head><title>HTML开发头部信息(head)之标题(title)说明
</title></head>
链接(link)
用链接(link)可以建立和外部文件的链接。常用的是对CSS外部样式表(external style sheet)的链接。示例代码如下:
<link rel="stylesheet" href="mainstyles.css"
type="text/css">
样式(style)
用样式(style)可以设值网页的内部样式表(internal style sheet)。示例代码如下:
<head>
<style>
body {background-color:white; color:black;}
h1 {font: 18pt arial bold;}
</style>
</head>
关于网页信息(meta)
在计算机语言里,你经常可以看到一个前缀 -- meta,meta就是“关于”(about)的意思。
这meta解释起来比较拗口,比如metadata,意为描述data的data,英文即data about data。还有一个词叫metalanguage,表示一种描述其它语言的语言。再举一个例子,metafile,表示描述其它文件的文件。
在HTML里,meta标记(meta tags)表示用来描述网页的有关信息。
示例代码如下:
<meta name="description" content="HTML开发之头部信息">
<meta name="keywords" content="HTML,tutorials,source codes">
<meta name="author" content="天地会">
利用meta中的Refresh你还可以实现自动跳转页面的功能。示例代码:
<meta http-equiv="Refresh" content="5;url=http://bbs.9tech.cn/html5/">
- html5开发head信息介绍
- HTML5的head标签介绍
- HTML页面HEAD信息介绍
- HTML页面HEAD信息介绍
- Javaweb头信息<head>的介绍
- html5 head
- HTML5开发工具介绍
- HTML5开发工具介绍
- HTMl5开发前介绍
- Html5开发工具介绍
- 移动前端开发不得不了解的html5 head 头标签
- Html5 文档类型和头部信息介绍
- HTML5视频教程详细开发介绍
- HTML5开发工具 介绍 2.1
- HTML5:理解head
- html5 head 头标签
- HTML5:理解head
- HTML5技术优势及HTML开发工具介绍
- 如何手工抓取dump文件及分析
- mtd-utils
- java读取生成PDF,iText操作PDF
- “不联系,不代表没有你” 我不这样想
- :nth-child(n)选择器实现隔行控制
- html5开发head信息介绍
- 根据NSString计算UILable的高度,并且更新UILable的frame
- 简洁好用的加入收藏效果
- 用OpenSceneGraph实现的NeHe OpenGL教程 - 第四课
- 魅力无穷的傅立叶变换
- Unique Binary Search Trees 二叉查找树的数量
- DB2备份集的检查
- " Library Cache: Mutex X " On Koka Cursors (LOBs) Non-Shared : (文档 ID 758674.1)
- php ci框架中加载css和js文件失败