当前位置: 首页 > news >正文

【Web】在前端中,HTML<meta>标签

<meta>实例

<head>
    <meta name="description" content="免费在线教程">
    <meta name="keywords" content="HTML,CSS,XML,JAVASCRIPT">
    <meta name="author" content="runoob">
    <meta charset="UTF-8">
</head>

标签定义及使用说明

目前所有的主流浏览器基本都支持<meta>标签。

<meta>标签提供了HTML文档的元数据。元数据不会显示在客户端,但是会被浏览器解析

也就是说,这个meta是给浏览器用的,但是用户可以借助程序员在meta设置的信息来检索到这个网页。

META通常是用于指定网页的描述,关键词,文件的最后修改时间,作者及其其他元数据。

元数据可以被使用浏览器(如何显示内容或者重新加载页面) ,搜索引擎(关键词),或其他Web服务调用。

小知识点注意

  • <meta>标签通常位于<head>区域内。
  • 元数据通常以名、值对出现。
  • 如果没有提供name属性,那么名称、值对中的名称会采用http-equiv属性的值。

HTML4.01与HTML5之间的差异

HTML5不支持scheme属性。

在HTML5中,有一个新的charset(charset n.字符集)属性,它使字符集的定义更加容易。例如:

<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta charset="UTF-8">

equivalent  n.值

charset  n.字符集

UTF-8:(8位元,Universal Character Set/Unicode Transformation Format) 是针对Unicode的一种可变长度字符编码。可以表示Unicode标准中的任何字符,而且编码中的第一个字符仍与ASCII码相容,使得原来处理ASCII字符的软件无须或只进行少部分的修改之后,便可以继续使用。因此,逐它渐成为电子邮件、网页及其他存储或传送文字的应用中,优先采用的编码。Unicode的编码方式有三种:UTF-8、UTF-16、UTF-32。由于UTF-8与字节序无关(无需BOM),同时兼容ASCII编码,使得UTF-8编码成为现今互联网信息编码标准被广泛使用。

HTML与XHTML之间的差异

在HTML中<meta>标签没有结束标签。

在XHTML中<meta>标签必须包含结束标签。

<meta>的属性总结

<meta>实例详解

实例一:keywords

keywords:定义文档关键词,用于搜索引擎。 

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

实例二:description

description:定义web页面描述 

<meta name="description" content="Free Web tutorials on HTML and CSS">

实例三:author

name:定义页面作者

<meta name="author" content="Hege Refsnes">

实例四:refresh

refresh:每30秒刷新页面

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

<meta>的HTML5新属性

http://www.dtcms.com/a/3735.html

相关文章:

  • Chrome 插件开发 V3版本 跨域处理
  • 案例研究|腾讯音乐娱乐集团与JumpServer共探安全运维审计解决方案
  • 【离散数学】图论
  • IDEA 函数下边出现红色的波浪线,提示报错
  • 中间件redis的使用
  • nginx upstream健康检测
  • Hello Vue!
  • sqli 靶场 Level23-Level30 wp
  • xshell是什么软件,1000字让你完全了解xshell
  • flink1.15.2 报错 processElement_split
  • Docker学习——④
  • yuv420并转为bgr
  • 【编程语言发展史】Unity开发语言的历史发展
  • ST 任意内核 移植freertos系统
  • 项目实战:中央控制器实现(2)-优化Controller,将共性动作抽取到中央控制器
  • Redis系列-Redis集群模式【8】
  • Qt 4.8.6 的下载与安装
  • VS2010配置gdal1.10.0 gdal1.10.1编译
  • 【原创】java+swing+mysql爱心捐赠管理系统设计与实现
  • mysql---存储引擎
  • 2、音视频基础
  • 配置OSPF特殊区域
  • 边缘计算多角色智能计量插座:用电监测和资产管理的未来智能化引擎
  • log4j CVE-2021-44228 RCE漏洞复现
  • wpf Grid布局详解 `Auto` 和 `*` 是两种常见的设置方式 行或列占多个单元格,有点像excel里的合并单元格。使其余的列平均分配剩余的空间
  • 嵌入式Linux HID多指触控/触摸设备报表描述符
  • 浅谈余压监控系统在某高层住宅的应用方案
  • 【数据结构】手撕单链表
  • 生态环境领域基于R语言piecewiseSEM结构方程模型
  • ubuntu20.04 安装cudnn