HTML之——<meta>

最新推荐文章于 2022-07-06 14:55:24 发布
最新推荐文章于 2022-07-06 14:55:24 发布
阅读量341 收藏
点赞数 1
分类专栏： 网页（html php js）
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/petrel_zhu/article/details/53130996
版权
<meta>位于<head>标签之中，不需要结束标签。
meta标签分为:http_equiv和name变量
http_equiv
作用：
1：说明页面使用的编码格式
<meta http_equiv="Content-Type" content="text/html;charset=utf-8" >
==><meta charset="utf-8" >[简单形式]

2：说明页面使用的语言
<meta http-equiv="Content-Language" content="zh-CN">
（"zh-CN"代表中文）

3.定时刷新页面或者跳转
刷新：<meta http_equiv="refresh" content="10" >
跳转：<meta http-equiv="refresh" content="5; url=http://www.dreamdu.com/" />

4.设定期限，一旦超过时间，需要重新请求服务器才能显示
<!-- 禁止浏览器从本地缓存中调阅页面。-->
<meta http-equiv="pragram" content="no-cache">
<!--网页不保存在缓存中，每次访问都刷新页面。-->
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
<!--同上面意思差不多，必须重新加载页面-->
<meta http-equiv="expires" content="-1">

5.set-cookie【cookie用法需要重点了解】
如果网页过去，设置的cookie将被删除
 ＜meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT； path=/"＞

6.Window-target(显示窗口的设定)               
说明：强制页面在当前窗口以独立页面显示。              
用法：＜meta http-equiv="Window-target" content="_top"＞            
注意：用来防止别人在框架里调用自己的页面。

7.Pragma(cache模式)              
说明：禁止浏览器从本地计算机的缓存中访问页面内容。            
用法：＜meta http-equiv="Pragma" content="no-cache"＞            
注意：这样设定，访问者将无法脱机浏览。 

8.＜meta name="参数" content="具体的参数值"＞ 【主要是为了向搜索引擎提供一下信息，提高页面搜索的点击率】         
  其中name属性主要有以下几种参数：
   重点：viewport     设置页面不能收缩【移动端，响应式布局重点】
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
       参数说明：
           height：和 width 相对应，指定高度。
           initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
           maximum-scale：允许用户缩放到的最大比例。
           minimum-scale：允许用户缩放到的最小比例。
           user-scalable：用户是否可以手动缩放

  1）、Keywords(关键字)  
   说明：keywords 用http://www.fulinmenst.com/来告诉搜索引擎你网页的关键字是什么。            
   举例＜meta name ="key" content="science, elture,polducation,cuitics,ecnomics，relationships, entertaiment, human"＞  
      
  2）、description(网站内容描述)              
   说明：description用来告诉搜索引擎你的网站主要内容。            
   举例：  ＜meta name="description" content="This page is about the meaning of science, education,culture."＞         

  3）、robots(机器人向导)  【不明所以，参数代表什么，有什么用- -。】             
   说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。             
   content的参数有all,none,index,noindex,follow,nofollow。默认是all。             
   举例：＜meta name="robots" content="none"＞         

  4）、author(作者)               
   说明：标注网页的作者  
   举例：＜meta name="author" content="root,root@21cn.com"＞
petrel_zhu
关注
专栏目录
HTML标签概述及＜html＞,＜head＞,＜title＞,＜link＞,＜form＞,＜meta＞详细介绍
share something here
09-26 7832
Web概述与创建介绍Web出发创建自己的Web后记三级目录 介绍 web（World Wide Web）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 超文本：是计算机处理文本信息的方法，不同空间的电子文档通过超链接组织起来成为一个“网”，这个文档“网”称为“超级文本”，简称“超文本”。 HTTP：全称Hyper Text Transfer Protocol（超文本传输协议）。经过多年的发展，现在HTTP能够传输图片等多媒体文件，是Web世界的中流砥柱，应用非常广泛 W
HTML——＜noscript＞标签
qq_44849271的博客
07-05 277
HTML——noscript标签 浏览器中执行JS非常普遍，script标签中就是JS代码；浏览器是可以阻止JS运行的，当JS不运行时执行的是noscript标签 直接上用法： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
HTML标签——＜head＞、＜meta＞、＜h＞、＜p＞、列表（＜ul＞、＜ol＞、＜dl＞）、分区、实体引用、＜img＞、路径、＜a＞、表格＜table＞、行分组
qq_43575044的博客
10-18 1905
HTML 1、<head>元素的作用 <head>元素是所有头部元素的容器。 <head>内的元素可声明元信息，指示浏览器在何处可 以找到样式表，包含的脚本，等等。 以下标签都可以添加到head部分∶ <title>、<meta>、<link>、<style>、<script>等 2、<meta>元标签 属性 值 charset character encoding——定义文档的字
vscode笔记——＜head＞标签
weixin_59122579的博客
03-11 2191
HTML中的<head>部分
HTML之——<meta> 元素是什么
iaiti的专栏
03-04 3740
发现项目里面的前端页面，手机设备的页面，有一些没见过的meta标签，感到好奇，因为之前被问到一个关于手机前端的问题，我只回答了自己不懂当时对适配是怎么做到是很有兴趣的，刚好找到了一篇比较好的文章。 前端方面还有一个特别的问题，就是标签，有时候后是有时候只有 无内容的标签。 所以不需要 ，因为这样没有意义 ，而xhtml规定一定要 但是html是没有强制要求的。 进入
HTML中＜meta＞标签的name属性都有哪些——标准元数据名称
林中路
07-23 3134
是什么 标准元数据名称是在HTML的<meta> 标签中定义的name 属性的可选名称，name属性包含两种类型： 标准名称。这是规范中定义的，所有浏览器都能够明白其所指称的名称 自定义名称。由网页作者自己定义的名称。 这里所说的标准元数据名称就是上述第一种。 都有哪些 1. HTML规范中定义的标准名称 application-name 网页中所运行的应用名称。（注意不同于<title>标签） author： 文档作者的名字 description：对页面内容的描述，一些浏
HTML中的<head>标签及其内容
Xiaowo
08-24 1万+
head title base meta link script style<head> <head> 标签用于定义文档的头部，它是所有头部元素的容器。 <head> 中的元素可以： - 引用脚本 - 指示浏览器在哪里找到样式表 - 提供元信息 - 等等 文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真
HTML——表头标签<th>的属性
时光·漫步的博客
04-29 1万+
    &lt;th&gt;标签的属性和&lt;td&gt;标签的属性及语法格式非常的相似，用于设定表格中某一表头的属性。&lt;th&gt;标签中常用的属性标签描述align设置单元格内容的水平对齐方式valign设置单元格内容的垂直对齐方式bgcolor设置单元格的背景颜色background设置单元格的背景图片width设置单元格的宽度height设置单元格的高度rowspan设置单元格的水...
前端——html（基础）
老赖的小弟的博客
03-29 1279
双标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1&gt
修改＜p＞标签的样式——在html中
qq_45772415的博客
07-15 3030
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>修改文本的颜色(w3cschool.cn)</title> </head> <body> <p id="p1">原文本</p> <p id="p2">修改样式后的文本 </p> <script> document.getElement
html基础
qq_50452445的博客
07-06 3259
HTML 的全称为超文本标记语言, 是一种标记语言。主要用来为文本添加语义。 注释 基本标签 h p img src: “图片的 URL”alt: “图像显示出错的替代文本”width: “图像宽度”height: “图像高度”注意点:​ 1.默认显示图像正常宽高​ 2.图像只设置宽度,高度自适应​ 3.图像只设置高度,宽度自适应​ 4.图像同时设置宽和高, 可能会导致图像变形 a href: “链接指向的页面 URL”target: “新页面打开方式” base target: “所有页面打开方
初识Html基础
m0_54373495的博客
05-26 430
1. 初始HTML 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 网页主要由三部分组成： 结构（ Structure） 、 表现（Presentation） 和行为（Behavior） HTML —— 结构， 决定网页的结构和内容（ “是什么”） CSS —— 表现（ 样式） ， 设定网页的表现样式（ “什么样子”） JavaScript（ JS） —— 行为， 控制网页的行为（ “做什么”） 2. 网页基本信息 3. 网页
HTML——入门教程：你的第一个网页
安生生爱做梦的博客
01-14 1326
文章目录前言一、你的第一个网页二、标签1.标题标签2.列表3.定义列表4.排版标记5.行与块元素6.注释7.超链接总结 前言 超文本标记语言，缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 ，是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 主流开发软件：Hbuilder X、
网络安全——HTML基础
W981113的博客
12-04 3187
1.漏洞 通用型：第三方软件、应用、系统对应的漏洞，每个使用这个软件或者应用系统的用户都存在这个漏洞，发现一个 漏洞可以封杀n多个网站 事件型：非通用型漏洞，主要指互联网上一个应用的具体漏洞，如具体到某个站点 2.同源 协议 主机 端口都相同 3.提交方式method 两种方法 Get ：url中直接显示，可直接看到 Post ：表单方式提交，嵌套在页面内，起到保密作用 4.windows系统日志中 4624 登陆成功 4625 审核失败 5.Linux日志 最后一次登录的日志 ┌──
JSP——利用<c>循环构建table行 循环嵌套
梦若辰宇的博客
07-11 2107
JSP 利用&lt;c&gt;循环构建table行 循环嵌套 页面代码： &lt;%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&gt; &lt;%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%&g
调用微信接口上传图片总结
热门推荐
petrel_zhu的博客
02-27 2万+
最开始实现图片上传用的是插件来实现的。用这种方法在pc以及苹果的平台上可以很好的兼容，但是在android上各种机型的兼容性各有差异，总体上看兼容性很差。因为小小创客是属于移动端微信开发的一部分，如果不能很好的兼容苹果，android，一切都是徒劳的。为了解决这一问题，我们团队从原来的使用上传转向调用微信现成接口实现上传。 微信接口上传的思路为：移动端调用微信接口拍照或者从相册选择图片è调用微信
网页中文本框下拉选择输入与自动提示功能的实现
petrel_zhu的博客
11-21 1万+
在网页设计中我们经常需要用户进行输入操作，下面我分享两种用户的输入功能。        1.输入框自动提示         浏览网页的时候我们经常会遇到输入框内我们输入前几个字，输入框就会出现下拉提示你可能要输入的完整信息。要实现着这种功能可以使用datalist属性
html中含提示文字的输入框
petrel_zhu的博客
08-08 9739
一般制作登录界面时的代码就是：   用户名 ： 密   码：       其效果就是  含提示文字的输入框在注册登录界面最为常见。其效果是在鼠标未点击输入框时，输入框内有浅色提示文字，当鼠标点击输入框内时，浅色文字消失。
php将表单信息传入数据库
petrel_zhu的博客
07-11 3754
这次我要分享的是php如何将表单中的信息写入到数据库中。以网页的注册界面为例，注册的话我们在网页上填写用户名，密码等信息，然后通过表单将信息传入后台服务器的数据库表格中。在这过程中起到连接作用的就是php了。这里我就省略了数据库建表格这些过程。 请输入用户名：
HTML表格入门教程：学习<table>, <tr>, <td>标记
`<html>`是整个文档的根元素，`<head>`包含了文档元信息，如`<title>`定义页面标题，`<meta>`可以设置元数据。而`<body>`则包含实际可见的内容，即网页的正文。 元素是HTML语言的基本组成部分，它们总是成对出现，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值