HTML头部元素实例

最新推荐文章于 2022-03-31 19:53:20 发布
最新推荐文章于 2022-03-31 19:53:20 发布
阅读量236 收藏 1
点赞数
分类专栏： 前端
原文链接：https://www.mk2048.com/blog/blog_hj02ia1ch02j.html
版权

HTML head 元素

标签描述
<head>定义了文档的信息
<title>定义了文档的标题
<base>定义了页面链接标签的默认链接地址
<link>定义了一个文档和外部资源之间的关系
<meta>定义了HTML文档中的元数据
<script>定义了客户端的脚本文件
<style>定义了HTML文档的样式文件
<noscript>定义在脚本未被执行时的替代内容（文本）

1、<title>文档标题</title>

2、<base href="http://www.meng.com/images/" target="_blank">

3、<link rel="stylesheet" type="text/css" href="mystyle.css">

4、<meta> 标签- 使用实例

4、<meta>标签实例：

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="编程">

定义网页作者:

<meta name="author" content="meng">

每30秒中刷新当前页面:

<meta http-equiv="refresh" content="30">

注释：

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

引用
meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞ ；其中http-equiv属性主要有以下几种参数：



1、Expires(期限)
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。
用法：

Html代码 
  1. ＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞  


注意：必须使用GMT的时间格式。

2、Pragma(cache模式)
说明：是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出
用法：

Html代码 
  1. ＜meta http-equiv="Pragma" content="no-cache"＞  


注意：这样设定，访问者将无法脱机浏览。

3、Refresh(刷新)
说明：自动刷新并指向新页面。
用法：

Html代码 
  1. ＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞  


注意：其中的2是指停留2秒钟后自动刷新到URL网址。

4、Set-Cookie(cookie设定)
说明：如果网页过期，那么存盘的cookie将被删除。
用法：

Html代码 
  1. ＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞  


注意：必须使用GMT的时间格式。

5、Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
用法：

Html代码 
  1. ＜meta http-equiv="Window-target" content="_top"＞  


注意：用来防止别人在框架里调用自己的页面。

6、content-Type(显示字符集的设定)
说明：设定页面使用的字符集。
用法：

Html代码 
  1. ＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞  



7、Pics-label(网页等级评定)
用法：

Html代码 
  1. <meta http-equiv="Pics-label" contect="">  


说明：在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的。

8、Page_Enter、Page_Exit
设定进入页面时的特殊效果

Html代码 
  1. <meta http-equiv="Page-Enter"    contect="revealTrans(duration=1.0,transtion=    12)">    


设定离开页面时的特殊效果

Html代码 
  1. <meta http-equiv="Page-Exit"    contect="revealTrans(duration=1.0,transtion=    12)">    



Duration的值为网页动态过渡的时间，单位为秒。 
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表： 
0    盒状收缩    1    盒状放射 
2    圆形收缩    3    圆形放射 
4    由下往上    5    由上往下 
6    从左至右    7    从右至左 
8    垂直百叶窗    9    水平百叶窗 
10    水平格状百叶窗    11垂直格状百叶窗 
12    随意溶解    13从左右两端向中间展开 
14从中间向左右两端展开    15从上下两端向中间展开 
16从中间向上下两端展开    17    从右上角向左下角展开 
18    从右下角向左上角展开    19    从左上角向右下角展开 
20    从左下角向右上角展开    21    水平线状展开 
22    垂直线状展开    23    随机产生一种过渡方式 

9、清除缓存（再访问这个网站要重新下载！）

Html代码 
  1. <meta http-equiv="cache-control" content="no-cache">  



10、设定网页的到期时间

Html代码 
  1. <meta http-equiv="expires" content="0">  



11、关键字,给搜索引擎用的

Html代码 
  1. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  



12.页面描述

Html代码 
    1. <meta http-equiv="description" content="This is my page"> 
会做饭的技术男
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML头部介绍
跑得动就不要歇着
04-26 672
下面来简单介绍一下HTML的头部的各项元素组成及其注意事项，具体如下： 1、使用 <title> 标签定义HTML文档的标题 2、使用 <base> 定义页面中所有链接默认的链接目标地址。 3、使用 <meta> 元素来描述HTML文档的描述，关键词，作者，字符集等。 4、HTML <head> 元素： <head> 元素包含了所有的...
HTML网页头部代码实例详解
09-28
HTML中我们一般把部分称为网页的头部。头部部分的内容虽然不会在页面中显示，但它能影响到搜索引擎对网页的收录和排序，以及网页的各种全局设置，可以说是至关重要
HTML 头部元素
不再想当菜鸟了
03-11 649
亲自试一试 - 实例 文档的标题 标题定义文档的标题。所有链接一个目标如何使用 base 标签使页面中的所有标签在新窗口中打开。文档描述使用 元素来描述文档。文档关键词使用 元素来定义文档的关键词。重定向用户如何把用户重定向到新的网址。 HTML 元素 元素是所有头部元素的容器。 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。 以下标签都可以添加到
HTML <head>
笔杆__的博客
07-04 337
HTML 元素： 元素是所有头部元素的容器。 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。 以下标签都可以添加到 head 部分：、、、、
http头信息
04-28 450
1. Accept：告诉WEB服务器自己接受什么介质类型，*/* 表示任何类型，type/* 表示该类型下的所有子类型，type/sub-type。   2. Accept-Charset：   浏览器申明自己接收的字符集    Accept-Encoding：  浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，支持什么压缩方法  （gzip，deflate）    Acce
HTML --头部元素
weixin_51552144的博客
07-15 286
在HTML语言的头元素中，一般需要包括标题、基底信息、元信息等。一般情况下，CSS和JavaScript都定义在头元素中的，而定义在HTML语言头部的内容往往不会在网页上直接显示。它用于包含当前文档的相关信息。 HTML的头元素是以为开始标记，以为结束标记的。 文章目录标题标记元信息标记body4、设置链接文字属性——link5、设置边距——margin注释 标题标记 每个HTML文档都应该有标题，在HTML文档中，标题文字位于和标记之间。和标记位于HTML文档的头部，也即位于和标记之间。 语法 …
ASP.NET动态增加HTML元素的方法实例小结
10-20
以下是对ASP.NET动态增加HTML元素方法的详细解释和实例分析。 1. **动态增加样式表**： 当需要在页面加载时引入新的CSS文件时，可以创建一个`HtmlLink`对象，并设置其属性。例如，以下代码会向页面头部添加一个...
html.rar_html实例
最新发布
09-22
其他头部元素，如`<meta>`（元信息）、`<link>`（外部资源引用）和`<script>`（脚本引入），也常在此处使用。 3. **文本格式化标签**：HTML提供了一系列标签来格式化文本，如`<b>`（粗体）、`<i>`（斜体）、`<u>`...
HTML5 新增元素实例（新增元素已经很详细了）
12-03
在这个实例中，我们将会深入探讨HTML5的一些关键新增元素，以及它们如何通过CSS样式文件（如html5semanticmarkup.css、html5reset.css、html5simple.css、html5forms.css）进行美化和功能增强。 首先，HTML5的语义...
HTML表格布局实例讲解
09-28
HTML表格布局是指使用HTML中的元素及其相关标签(, , , , , )来创建和控制网页中的表格化数据展示和页面布局。这种方法在网页设计的早期阶段非常流行，但随着CSS和现代网页布局技术的发展，使用表格进行布局已逐渐被...
HTML 头部 (head) 实例
Zyyss1993的博客
11-15 276
所有表签解释。HTML <meta> 元素元数据（metadata）是关于数据的信息。<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。<meta> 标签始终位于 head 元素中。元数据可用于浏览器（如何显...
初识HTML（十四）——头部元素
weixin_45927758的博客
07-16 324
1.<head> <head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。 以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。 2.<title> （1）定义浏览器工具栏中的标题 （2）提供页面被添加到收藏夹时显示的标题 （3
HTML学习笔记（十二）头部元素
慕林溪的博客
04-03 1021
HTML 元素 元素是所有头部元素的容器。在head元素标签内容中，包含、、、、 以及 。除标签的内容会显示外，其余的标签内容都为隐藏信息。 元素标签定义文档的标题。 元素标签：为页面上的所有链接规定默认地址或默认目标（target）。 元素标签定义文档与外部资源之间的关系。最常用于连接样式表。 元素标签用于定义客户端脚本，如JavaScript。 元素标签用于为HT
HTML总结之头部
洪晓鸿
01-15 387
 1、head元素   head元素是所有头部元素的容器，内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息等，可用在Head部分 2、HTML元素 元素定义文档的标题 作用： （1）、定义浏览器工具栏标题 （2）、定义页面被添加到收藏夹显示的标题 （3）、显示在搜索引擎结果中的页面标题 3、HTML元素 为页面上所有连接规定默认地址或默认目标
页面基础元素
qq_39903993的博客
03-31 985
1.<html> ------</html> <meta http-equiv="Content-TYPE" content="text/html;charset=utf-8"/> 2. 文本显示方向属性:dir 作用与语法：dir属性用来指定文本显示的方向，同时也决定浏览器滚条的位置。dir属性的语法结构如下。 <html dir="浏览器中文本的方向">----</html> dir属性可以取两个值，即ltr和rtl，分别表示浏览器中
制作HTML头部元素,HTML头部元素
weixin_27283495的博客
06-15 441
HTML头部元素描述HTML 元素用作元数据(关于数据的数据)的容器。它用在标签和标签之间。HTML文档的头部内容在页面加载时不会显示在浏览器中。它仅包含有关HTML文档的元数据。元数据定义HTML文档的标题，字符集，样式，链接，脚本和其他元信息。HTML头部可以包含很多元数据信息，也可以很少或没有信息，这取决于我们的需求。但是头部对HTML文档至关重要。HTML元素元素包含了所有的头部标签元素。...
制作HTML头部元素,html的头部元素
weixin_32842805的博客
06-15 101
HTML 元素：、、、、 、。1. 标签定义文档的标题。(在所有 HTML/XHTML 文档中都是必需的。)定义浏览器工具栏中的标题提供页面被添加到收藏夹时显示的标题显示在搜索引擎结果中的页面标题2. 标签为页面上的所有链接规定默认地址或默认目标(target)：3. 标签定义文档与外部资源之间的关系。4. 标签用于为 HTML 文档定义样式信息。body {background-color:y...
html中的头怎么写,HTML中头部标签的用法
weixin_33716616的博客
06-02 391
head 元素包含了所有的头部标签元素,可以添加在头部区域的元素标签为：、、、、、、下面将一一解释各标签的作用用于定义不同文档的标题定义浏览器工具栏的标题当网页添加至收藏夹,显示在收藏夹中的标题显示在搜索引擎结果页面的标题eg: 我是标题 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接。eg: 标签定义了文档与外部资源之间的关系,通常用于链接样式表。eg: ...
HTTP之Last-Modified、Etage、If-Modified-Since理论与实践（C++ Qt实现）
IT1995的博客
04-30 6127
目录 基本理论 博主例子 基本理论 首先要理解缓存是如何被创建的： 浏览器首先先本地缓存发起创建请求，如果命中则返回数据给浏览器； 如果没有命中，就向代理服务器发起缓存，如果命中代理服务器会发给浏览器以及本地缓存； 如果没命中，则向资源服务器发起创建请求，然后资源服务器再给代理缓存，本地缓存，浏览器数据； 如果要实现这样的功能： 1. 浏览器本地有缓存，但...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值