HTML学习日记之元信息meta标记

所谓meta标记就是用来描述一个HTML网页文档的属性,也称为元信息,这些信息并不会显示在浏览器的页面中,例如作者、日期和时间、网页描述、页面刷新等。

基本语法:

<meta name = " "content=" ">

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

name属性与content属性

name属性用于描述网页,它是以“名称/值”形式的名称,name属性的值所描述的内容(值)通过content属性表示,便于搜索引擎机器人查找、分类。其中最重要的是description、keywords和robots。

http-equiv属性与content属性

http-equiv属性用于提供HTTP协议的响应头报文,它是以“名称/值”形式的名称,http-equiv属性的值所描述的内容(值)通过content属性表示,通常为网页加载前提供给浏览器等设备使用。其中最重要的是content-type charset提供编码信息,refresh刷新与跳转页面,no-cache页面缓存,expires网页缓存过期时间。

meta标记的使用方法

<meta name = "keyworlds" contend="信息参数"/>

<meta name = "description" contend="信息参数"/>

<meta http-equiv = "content-type" contend="text/html;charset=信息参数"/>  ----在HTML5中可写成<meta charset="UTF-8">

<meta name = "author" contend="信息参数"/>

<meta http-equiv = "refresh" contend="时间; url=网址参数"/>

例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="前端开发">
    <meta name="description" content="前端开发">
    <meta http-equiv="refresh" content="3;url=https://www.baidu.com/">
    <title>前端开发技术初步应用</title>
</head>
</html>

原文地址:https://www.cnblogs.com/czsy/p/9345642.html

时间: 2024-08-15 09:34:50

HTML学习日记之元信息meta标记的相关文章

九、Vue Router 进阶-路由元信息meta

路由元信息 meta 在路由列表中,每个路由都有一个 meta元数据字段,我们可以在这里配置一些自定义信息,供页面组件或路由钩子函数中使用.在路由跳转的时候,提供我们判断条件. <script> // 配置 meta 数据 const router = new VueRouter({ routes: [ { path: '/', name: 'index', // 路由名称 component: index, // 映射的组件 meta: { title: '首页' } } ] }); <

java 学习日记---------简易学生信息管理系统

转眼间,开学六周过去了,我也学习java这么长时间了.在此国庆期间闲来无事,做个小系统玩玩. -------------student类封装----------- package StudentSystem; public class student extends user{ private int stuId; private String stuName; private String stuBirthday; public int getStuId() { return stuId; }

vue-router路由元信息及keep-alive组件级缓存

路由元信息?(黑人问号脸???)是不是这么官方的解释很多人都会一脸懵?那么我们说meta,是不是很多人恍然大悟,因为在项目中用到或者看到过呢? 是的,路由元信息就是我们定义路由时配置的meta字段:那么这个meta的作用是什么呢? 首先看一个场景: 通常我们在开发网站或者移动应用的时候,我们通常会有网页权限验证的需求(别说你没有,你肯定有),这种需求一般是指需要登录后才可进入,也就是需要用户登录获取用户Token或者用户信息之后才可进入:当这个需求下来的时候,我们作为前端开发人员的第一反应是路由

元信息标记&lt;meta&gt;

温故而知新,学习要不断温故总结的.今天想和大家一起说说html里面的元信息标记<meta>. META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记里面,它提供用户不可见的信息.meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie:它可以用于鉴别作者,设定页面格式,标注内容提要和关键字:还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等. meta标签共有两个属性,它们分

学习日记之享元模式和Effective C++

享元模式(Flyweight):运用共享技术有效地支持大量细粒度的对象. (1),享元模式可以避免大量非常相似的开销.在程序设计中,有时需要生成大量细粒度的类实例来表示数据.如果能发现这些实例除了几个参数外基本上都是相同的,有时就能大幅度地减少需要实例化的类的数量.如果能把这些参数移到类的外面,在方法调用时将他们传递进来,就可以通过共享大幅度减少实例的数目. (2),如果一个应用使用了大量的对象,而这些对象造成很大的存储开销的时候就考虑使用:还有就是对象的大多数状态可以外部状态,如果删除对象的外

关于meta元信息元素

HTML头部<meta>标记通过属性定义文件的名称.内容.关键词.作者.描述等多种信息,但是只能在源代码中显示,页面上无法显示出来.此标签可以在头部有多个. A.设置页面关键词 基本语法:<meta name="keywords" content="输入具体的关键词"> 例如:<meta name="keywords" content="网页设计 网站建设 网站优化"> 注意:里面的关键词最

《Javascript权威指南》学习笔记之十九--HTML5 DOM新标准---处理文档元信息和管理交互能力

一.了解DOM 1.DOM是Document Object Model的缩写,即文档对象类型,是文档在内存中的表示形式,是一个应用程序接口,定义了文档的逻辑结构以及一套访问和处理文档的方法. 2.HTML DOM与Core DOM的区别:前者提供了大量的方法和属性,与现有的程序模型一致,更便于脚本的编写者控制. 二.document对象 使用window.document属性返回一个document对象,代表当前window内加载的文档.window可以省略.winName.document返回

Meta viewport (视口元信息标签)

前几天在研究移动版开发时,意外查阅到了PPK大神的关于viewport(视口)的三篇研究文档,但无奈全是英文,只好硬着头皮看下去,并顺便试着翻译一下,以备日后回顾. 本人水平有限,如翻译错误,欢迎指正 原文地址:http://www.quirksmode.org/mobile/metaviewport/#t10 读前须知:PPK写这篇文章的时候,IPhone还没有生产出4S之后的产品.所以,这篇文章中提到的IPhone,都是指IPhone4S及之前的手机. TOP This page conta

meta:元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词,标签的属性定义了与文档相关联的名称/值对:

content属性:定义与 http-equiv 或 name 属性相关的元信息 name属性:表述文档的一些信息,对搜索引擎友好,以及基于移动设备的一些描述 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <!--定义视窗显示的比例,是否可缩放以及最大缩放值--> <meta name="apple-mob