HTML语言基础

最新推荐文章于 2024-01-25 17:17:30 发布
最新推荐文章于 2024-01-25 17:17:30 发布
阅读量499 收藏 1
点赞数
分类专栏： web前端 文章标签： html 语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ganyingxie123456/article/details/50002073
版权

HTML头部及其标签

<head></head>，表示这是HTML网页的头文件部分，用来说明文件命名和与文件本身的相关信息。通常这部分标签是声明次网页的：默认语言、关键字、使用软件等，个别的标签产生页面动作。在复杂的网页中，如CSS样式表，Javascript语言等，这部分十分的重要。

1. meta标签

是head部分的一个辅助标签，位于html文档头部的<head>标签和<title>标签之间，提供用户不可见的东西。可分为两大部分：http标题信息（http-equiv）和页面描述信息（name）。

（1）http标题信息（http-equiv）

基本语法：<meta http-equiv=”类型” content=”内容”>

类型有：

  • 显示字符集：content-Type

设定显示字符集，就说明主页制作时所使用的文字语言，浏览器会根据这个设置来调用相应的字符集再显示出page的内容，如：

<meta http-equiv=”content-type” content=”text/html;charset=GB2132”>

使用的字符集是GB2132,即国标汉字码。BIG5字符集则是繁体中文Big5码。当浏览一些国外的网站时，IE浏览器会提示要正确显示该页面需要下载xx语言支持，这个就是通过读取html页面meta标签content-type属性而得知的，如日文对的字符集是”iso-2022-jp”，韩文的字符集是”ks_c_5601”

  • 刷新：refresh

让网页多长时间（秒）刷新自己，或多长时间后自动链接到其他网页。

用法：<meta http-equiv=”refresh” content=”30”>

如：<meta http-equiv=”refresh” content=”10;url=http://www,njupt.edu.cn”>

这句将起到网页自动刷新的的作用。

Content内容为：刷新延时时间（秒）；打开的网页名称。

  • 期限：expires

指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。

用法：<meta http-equiv=”expires” content=”0”>

如:<meta http-equiv=”expires” content=”Wed,26 Feb 1997 08:21:57 GMT”>

必须使用GMT的时间格式，或者设为0（表示多少时间后过期）

  • Cach模式：pragma

禁止浏览器本地机的缓存中调阅页面内容。

用法:<meta http-equiv=”pragma” content=”No-cach”>

网页不保存在缓存中，每次访问都刷新网页，这样，访问者将无法脱机浏览。

  • Cookie设置:set-cookie

浏览器访问某个页面时会将它存在缓存中，下次访问时就可以从缓存中读取，以提高速度，如果希望访问者每次都刷行广告的图标，或每次都刷新计数器，就要禁止缓存。通常html文件没有必要禁止，但对于asp等页面，就可以禁用缓存，因为每次看到的野蛮都是咋服务器中动态生成的，缓存就是去了意义，如果网页过期，那么存盘的cookie将被删除。

用法：

<meta http-equiv=”set-cookie” 

content=”cookievalue=xxx,expiures=Wendesday,21-Oct-9816:14:21 GMT ;path=/”>

此处必须用GMT的时间格式。

  • 显示窗口的设定:window-target

强制页面再当前窗口以独立页面显示。

用法：<meta http-equiv=”window-target” content=”_top”>

Content包括:_blank、_top 、_self 、_parent

  • 页面进入与退出：page-enter、page-exit

这个是页面被载入和调出的一些特效。

用法：

<meta http-equiv=”page-enter” content=”blendTrans(Duration=0.5)”>

<meta http-equiv=”page-exit” content=”blendTrans(Duration=0.5)”>

blendTrans是动态滤镜的一种，产生渐隐效果，另一种动态滤镜也可以用于进入好人退出效果，如：

<meta http-equiv=”page-enter” content=”revealTrans(duration=x,transition=y)”>

<meta http-equiv=”page-exit” content=”revealTrans(duration=x,transition=y)”>

其中，duration表示滤镜特效持续时间（秒），transition为滤镜类型，表示使用哪种特效，取值为0~23.

（1）页面描述信息（name）

该属性用于说明和描述网页，name是描述网页的，对应于content（网页内容），以便于搜索机器人查找、分类（几乎所有的搜素引擎都会使用网上机器人自动查找meta值来给网页分类）。Name的取值（name=””）指定所提供信息的类型，其中有的已经定义好的，如:

Description(说明)、keywords（关键字）、refresh（刷新）等，也可以指定其他任意值，如：creationdate（创建日期）、document ID（文档编号）和level（等级）等。

基本语法：

<meta name=”名称” content=”内容”>

具体用法：

  • 关键词：keywords

用于声明网页的关键字，由Internet搜索引擎完成关键字索引，正规网站中的主页和关键内容应该有关键字。

用法：

<meta name=”keywords” content=”关键字1，关键字2，关键字3，...”>

每个关键字间用英文符号(,)隔开。

如：

<meta neme=”keywords” content=”旅游，计算机知识介绍，网上交友”>

当数个meta元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优势先参照来显示搜索结果。

如：

<meta name=”keywords” lang=”EN” content=”vacation,greece,sunshine”>

<meta name=”keywords” lang=”FR” content=”vacans,greece,solei”>

  • 简介:description

用来描述网页的主要内容，搜索引擎一般也会通过这个属性来检索这个网站，但不显示出来。

用法：

<meta name=”description” cntent=”你网页的描述”>

  • 机器人向导：robots

告诉搜索机器人哪些网页需要索引，哪些不需要。

用法：

<meta name=”robots” content=”All”>

Content的参数有All，None，Index，Noindex，Follow，Nofllow，默认是All。其含义为：

All：文件将被检索，且页面上的链接可以被查询。

None：文件将不被检索，且页面上的链接不可以被查询（和“noindex，no follow”起相同的作用）。

Index：文件将被检索（让robot/spider登录）。

Follow：页面上的链接可以被查询。

Noindex:文件将不被检索，但在页面上链接可以被查询（不让robot/spider登录）。

Nofollow：文件将不被检索，但在页面上链接可以被查询（不让robot/spider顺着此页的链接往下查找）。

  • 作者：author

标注网页的作者或者制作组。

用法：<meta name=”author” content=”张三，abc@sina.com”>

Content可以是：网页制作者或网页制作组的名字，或E-mail.

  • 版权：copyright

本属性用于标注版权。

用法：<meta neme=”copyright” content=”本页版权归xxx所有。All Right reserved”>

  • 编辑器：generator

编辑器的说明。

用法:<meta name=”generator” content=”PCDATA|FrontPage|”>

Content=”你所用的编辑器”，其中双引号内可以填写frontpage等。

  •  重访：revisit-after

设定重新访问的时间间隔，以天为单位。

用法：<meta name=”revisit-after” content=”7 days”>

设定的以7天为时间间隔再次访问本网页。

（3）其他标签

  • 方案:scheme

当name用于解释content的内容时，可以使用本标签。

用法：

<meta scheme=”ISBN” name=”identifier” content=”0-14-043205-1”/>

这里声明一个ISBN标识符，它的内容是0-14-043205-1。

  • 链接：link

链接到某个文件，用法：<link href=”soim.ico” rel=”Shortcut Icon”>

如果用户把某个网站保存在收藏夹后，也许会发现它带着一个小图标，如果再次单击进入之后还会发现地址栏中也有小图标。如果在<head>中加上这段话，就能轻松实现这一功能。<link>用来将目前文件与其他URL进行链接，但不会有链接按钮用于<head>标签之间。

<link href=”URL” rel=”relationship”>

<link href=”URL” rev=”relationship”>

  • 基连接：base

加入网站基链接属性，用法:

<base href=”http://www.xupt.edu.cn/” target=”_blank”>

加了这一句后，网页所有的相对路径在链接时都会自动在前面加上”http://www.xupt.edu.cn/”。

Target=”_blank”是链接文件在新的窗口打开。改”_parent”时链接文件在当前窗口的父级窗口中打开。改为”_self”时链接文件在当前窗口（帧）中打开。改为”_top”时链接文件全屏显示。
英子的搬砖日志
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HTML语言基础PPT
04-13
HTML 语言基础！网页设计与Web开发基础！HTML文档基本结构 HTML常用标签！
http-head头部信息详解
忆的博客
10-09 6308
Trailer 上面那个就是一个常见的header头部信息(分 request(请求)与resonse()响应两部分)，作为一个运维人员可以通过header头部信息获取很多关于网站的信息，下面来逐个介绍： 常见符号：* 是通配符(通用匹配的意思);q= (q因子权重) 值代表优先顺序，用相对质量价值表示，又称作权重 Request信息： Accept 指定客户端能够接收的内容类型 示...
Head 头部标签
ssss39的博客
11-20 1887
设置文档自动刷新的时间间隔，content只包含一个正整数，则为重新载入页面的时间间隔（秒），content包含一个正整数和【url=XXX】格式的字符串时，该正整数则是重定向到指定链接的时间间隔（秒）标签用于定义文档的头部，它是所有头部元素的容器。用于定义文档与外部资源的关系，最常用于链接样式表，也常用于给标题添加小图标。提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。属性通常一起使用，以键值对的方式给文档提供元数据，其中。是空元素，仅包含属性，只能存在于。的属性值作为元数据的名称，
html中head标签中都放哪些内容
热门推荐
xiaoshi178488920的专栏
05-21 1万+
html中head标签中的内容 定义和用法 标签用于定义文档的头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。 文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分： 标签">, , 标签"
html语言头解释,HTML头部信息(Head)
weixin_33631305的博客
05-31 1431
HTML头部信息(head)里包含关于所在网页的信息。头部信息(head)里的内容，主要是被浏览器所用，不会显示在网页的正文内容里。另外，搜索引擎如google,yahoo,baidu等也会查找你网页中的head信息。为了让搜索引擎能够收录你的网页，你也要填写适当的head信息。(网站被搜索引擎收录，还有其它的方法，比如被其它网站链接，这里不赘述，请浏览搜索引擎网站。)下面说几个常用的head信息...
HTML中的<head>标签及其内容
Xiaowo
08-24 1万+
head title base meta link script style<head> <head> 标签用于定义文档的头部，它是所有头部元素的容器。 <head> 中的元素可以： - 引用脚本 - 指示浏览器在哪里找到样式表 - 提供元信息 - 等等 文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真
html语言基础
05-21
html语言基础，关于html语言的简单介绍。能很快了解html语言。
HTML语言基础.zip
04-01
入门级别的HTML语言介绍
HTML-head头部浅析
夏虫不可语冰
05-25 2362
HTML结构 在sublime或HBuildr新建HTML文件，输入html:5,按下tab键后，自动生成的代码大致如下： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title
HTTP 头部包含哪些信息
张震--golang
04-18 3829
HTTP 头部本质上是一个传递额外重要信息的键值对。主要分为：通用头部，请求头部，响应头部和实体头部。 通用头部 协议头 说明 举例 Cache-Control 用来指定当前的请求/回复中是否使用缓存机制 Cache-Control: no-store Connection 客户端（浏览器）想要优先使用的连接类型 Connection: keep-alive (Upgrade) Date 报文创建时间 Date: Dec, 26 Dec 2015 17: 30: 00 GMT T
HTML学习——01head头部相关属性及标签
weixin_45816803的博客
03-08 533
<head> ...在head头部中有很多可以定义的内容， 例如title、style、meta、link、script、noscript、base等信息 供我们定义我们的页面内容 </head> == title == title定义了不同文档的标题 title在HTML、XHTML文件中是必须的 title也是显示在收藏夹中的默认名称 title是工具栏显示的名称 title是显示在搜索引擎的名称 <title> 文件名称 </title>
HTTP请求头X-Forwarded-For，Remote_Addr
诗人不写诗
05-31 2508
HTTP协议定义了很多头部参数，这些参数由请求的发起方和响应方设置，所以头部参数可以分为请求头和响应头，通信双方（浏览器和服务器）会去读取这些头部参数并做出对应的的动作。如果有人不按协议设置这些参数，就可以达到一些非法的目的。 X-Forwarded-For起源 xxf这个请求头，很多应用层在使用，所以这里必须要了解他的意义。X代表这是一个扩展的头参数。事实也正是如此，最开始xxf是Squid cache这个缓存代理服务软件自定义的一个头部参数，用来标识请求的源IP。后来，xxf的使用范围越来越广泛，被
‘HEAD‘ 是 HTTP 请求的一种方法
最新发布
u_ndefine_d的博客
01-25 1026
而当你使用 ‘HEAD’ 请求时，服务器只会返回响应头信息，而不包括实际的资源内容。这使得 ‘HEAD’ 请求比 ‘GET’ 请求更轻量，因为它不传输整个资源，只传输元数据。http.open(‘HEAD’, url, false) 表示创建一个使用 ‘HEAD’ 方法的 XMLHttpRequest 对象，并通过同步方式发送请求。使用 ‘HEAD’ 请求的主要用途是获取有关资源的元信息，例如检查资源的存在性、获取资源的大小或检查资源的更新日期，而不需要实际获取资源的内容。
HTTP请求Header分析
coach
01-27 3079
客户端HTTP请求的Header信息 1、HTTP请求方式 GET 向Web服务器请求一个文件 POST 向Web服务器发送数据让Web服务器进行处理 PUT 向Web服务器发送数据并存储在Web服务器内部 HEAD 检查一个对象是否存在 DELETE 从Web服务器上删除一个文件 CONNECT 对通道提供支持 TRACE 跟踪到服务器的路径 O...
浏览器开发工具请求头与响应头属性介绍
weixin_45493751的博客
08-24 992
HTTP 协议的 Header 是一块数据区域，分为请求头和响应头两种类型，客户端向服务区发送请求时带的是请求头，而服务器响应客户端数据时带的是响应头。 请求头里主要是客户端的一些基础信息，UA（user-agent）就是其中的一部分，而响应头里是响应数据的一些信息，以及服务器要求客户端如何处理这些响应数据的指令。 请求头里面的关键信息如下： 1)accept 表示当前浏览器可以接受的文件类型，假...
深入解析HTTP协议中的HEAD请求
博客
08-08 4786
HTTP协议定义了多种请求方法，常用的有GET、POST、PUT、DELETE等。每种请求方法都有特定的语义和用途。通过本篇博客，我们深入解析了HTTP协议中的HEAD请求。我们了解了HEAD请求的语法和用法，以及它的应用场景和与GET请求的区别。我们还分析了HEAD请求的优缺点，并提供了实例演示和注意事项。在实际开发中，合理使用HEAD请求可以节省带宽和服务器资源，提高性能和效率。通过学习和理解HEAD请求，我们可以更好地利用HTTP协议，提升应用的性能和用户体验。
【请求头(Headers)详解】
武帝为此的博客
08-22 4625
HTTP请求头，简称请求头，是HTTP协议传输过程中规定的一组键值对，用来描述客户端的环境信息、请求偏好或身份验证等。请求头是HTTP请求的一部分，包含了操作系统、浏览器类型、请求方法(GET，POST等)、语言等信息。服务器根据这些信息来处理请求并生成适当的响应。
移动前端头部标签(HTML5 head meta)
前端布道者
07-02 778
DOCTYPE html>  html lang="zh-cmn-Hans">  head>           meta charset='utf-8'>          meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>          meta name="descr
htmlHTML语言介绍
05-26
随着Web的普及，HTML逐渐成为了Web页面的基础语言，被广泛应用于Web开发、网站设计和移动应用开发等领域。 HTML的语法相对简单，学习曲线较低，只需要一些基本的标记和属性就可以创建简单的网页。但是，HTML也有...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

英子的搬砖日志

您的鼓励是我创作的动力～

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值