meta标签知识总结

最新推荐文章于 2021-04-27 22:06:31 发布
最新推荐文章于 2021-04-27 22:06:31 发布
阅读量197 收藏
点赞数
分类专栏： web零基础学习 文章标签： html css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ruoruoruo666/article/details/115655126
版权

meta标签

定义

<meta>标签用于描述页面内容，关键字，作者，最新修订时间以及其他元信息。

总结：

  1. <meta>标签的内容不会显示在网页中，但经常被机器（比如网页爬虫）解析。

  2. 元信息可以被浏览器（指导它如何加载和显示页面）所使用，也可以有利于搜索引擎收录页面（指定关键词）。

  3. HTML5 通过 <meta>标签引入一个新的方法，让网页尺寸实现自适应。

注意

  1. <meta>标签永远位于 <head>标签内部。

  2. content 属性必须和 name 或 http-equiv 属性共存亡。

  3. 为了让网页尺寸实现自适应，你应该在 HTML 文档中加入下面代码：

<meta name="viewpoint" content="width=device-width,initial-scale=1.0">

属性

在这里插入图片描述

实例<

  1. 指定页面的编码

<meta charset="utf-8">

  1. 为搜索引擎提供关键词

<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">

  1. 描述网页内容

<meta name="description" content="《零基础入门学习Web开发》案例演示">

  1. 定义网页的作者

<meta name="author" content="小甲鱼">

  1. 设置网页尺寸自适应

<meta name="viewport" content="width=device-width, initial-scale=1.0">

  1. 每 5 秒刷新一下浏览器并跳转到指定页面

<meta http-equiv="refresh" content="5;http://www.baidu.com">

Rashore
关注
专栏目录
dreamweaver cs5不写写代码怎么添加meta标签?
09-24
请注意，文件内容中也提到了一个名为“Adobe Dreamweaver CC 2017 v17.0”的软件版本和安装教程，但根据描述内容，我们关注的核心知识点是Dreamweaver CS5如何添加meta标签，因此，版本信息在此不做过多讨论。...
html内嵌要放在head,meta标签放在哪里!内置在head中|是html文档硬规
weixin_28844359的博客
06-05 1748
meta标签放在哪里!内置在head中|是html文档硬规2021/01/26 丨 文章来源：思程前端 | 文章作者：haishishebudewo 丨 浏览次数：meta标签放在哪里!内置在head中|是html文档硬规，它能定义文档的编码，关键词、描述等等，这里都是关于文档头部的信息，而html文档头部是head。最新meta标签用法1览meta标签放在哪里meta是提供html文档页面信息的...
HTML 的meta标签
tykw163的专栏
07-21 515
 HTML 标签定义和用法 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。HTML 与 XHTML 之间的差异在 HTML 中， 标签没有结束标签。在 XHTML 中， 标签必须被正确地关闭。提示和注释：注释
细说HTML＜head＞内标签之＜meta＞
u011447403的专栏
03-12 3314
Starter <meta>是HTML和XHTML中的元素，可提供与网页有关的结构化元数据，即网页的元信息(meta-information)。这些元数据不会显示在网页上，但机器可以识别并翻译出其功能，比如它会告诉浏览器网页要如何显示内容、多长时间重新加载页面，为搜索引擎提供关键词等其他 web 服务。<meta>元素放在头标签内，在HTML中没有结束标签，但在XHTML中必须正确地关闭。
meta标签的作用及整理
热门推荐
yc123h的博客
05-09 5万+
欢迎访文我的博客YangChen’s Blogmeta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途，另一方面是对于meta标签里的属性和值不是懂，也不知道从哪里冒出来的，所以这篇文章专门整理下meta标签，一个必用且关键的标签。什么是meta标签？引自下W3school的定义说明一下。 元数据（metadata）是关于数据的信息。 标签提供
html5页面强大mate标签汇总
谢泽的网络日志
12-29 7435
小小的meta标签对整个网站的贡献是巨大的，来来~ 先敬仰膜拜一番再阅读文章！！ 注意：所有浏览器都支持 标签。 设定页面使用的字符集。 meta http-equiv="content-Type"content="text/html;charset=UTF-8"> meta标签的charset的信息参数如GB2312时，代表说明网站是采用的编码是简体中文； meta标签的
PHP知识总结.docx
01-05
### PHP知识总结——HTML与CSS基础 #### 一、HTML简介 HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它通过一系列标签来定义文档的结构和内容。随着互联网的发展，HTML经历了多个版本的...
H5 头部标签和meta
08-14
总结来说，HTML5的头部标签和meta标签对于构建一个结构良好、易读且对搜索引擎友好的网页至关重要。它们提供了丰富的元信息，不仅帮助用户理解页面内容，还让开发者能够控制页面的渲染和行为。因此，掌握这些知识...
前端知识点总结
06-29
- **Meta标签**：用于描述网页元数据，如视口设置（viewport）和字符集（charset）等，对于SEO和移动设备显示至关重要。 #### 四、媒体查询 - **Media Queries**：使用CSS Media Queries可以使页面在不同设备上...
WEB前端程序猿必看的meta标签汇总共4页.pdf.zi
最新发布
10-30
在Web开发领域，尤其是前端...这份四页的PDF资料应该是对这些基础知识的精炼总结，可以帮助开发者快速查阅和掌握Meta标签的用法。对于那些希望提升网站可见性和用户体验的前端工程师来说，这是一个非常有价值的资源。
meta标签详解
fly0279的博客
07-18 660
html中meta标签的详解 meta标签是什么1 META标签是HTML语言HEAD区的一个辅助性标签 meta标签是干什么用的？ META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。它提供的信息虽然用户不可见，但却是文档的最基本的元数据. 元数据又是什么东西？ 元数据(Metadata)是用来概括描述数
详解<meta>标签
一个喜欢面朝大海，等待春暖花开的小姑娘
10-17 431
（一）前言 一般开发网页的时候就想要实现页面的自适应，通常会在标签的标签中添加标签来达到想要的效果。特别是开发移动端时，会写如下的属性： 那么你是真的明白为什么要这么写吗？明白这些属性是什么意思吗？下面我们就逐一讲解。 （二）meta标签的作用 搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口
mate标签
_being_的专栏
03-17 1560
mate标签提供页面的元信息但和内容无关，元数据可以被浏览器、搜索引擎和其他web服务器使用mate两种属性：http-equiv和name
零基础学Web 05（链接外部样式表、link元素、链接网站图标）
ruoruoruo666的博客
04-27 2137
链接外部样式表 引言：除了可以在style元素里面添加，我们还可以将css样式表保存为外部文件，然后使用link元素将其链接进来。 复习style元素： 定义和用法 <style>标签用于为 HTML 文档定义样式信息。 在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。 type 属性是必需的，定义 style 元素的内容。唯一可能的值是 “text/css”。 例如：<style type=text/css> ....</style>
零基础学Web 04（style标签）
ruoruoruo666的博客
04-15 1841
零基础学Web 04 style元素 定义 <style>标签用于为HTML文档定义样式信息。 属性 实例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>style样式</title> <style type="text/css"> h1 {color: yellow}
br标签知识总结
ruoruoruo666的博客
04-13 1534
br标签 定义 <br>标签用于插入一个简单的换行符。 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>br的作用</title> </head> <body> <h1>br的作用</h1> <p> welcome<br> to<br&
小甲鱼零基础学web课后练习01
ruoruoruo666的博客
04-09 1281
1. !DOCTYPE html 标签的作用是什么？ 答：此标签告知浏览器你的HTML文档是基于哪一个标准开发的。例如，！DOCTYPE html标签告知浏览器HTML文档是基于html5开发而成。DOCTYPE标签一定要放到开头的位置。 2. head元素中必须要有的元素是哪一个？ 答：head元素中必须要有的元素是title元素。 3. 通常，在网页中可见的内容是包含于哪个标签中？ 答：通常在网页中可见的内容是body标签中的。 4. 请写出下图中 A、B、C、D 的名称。 答：A . href 属性；
hr标签和注释的总结
ruoruoruo666的博客
04-16 949
hr标签的定义与使用说明 定义以及使用说明 <hr>标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。 <hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>hr标签的使用</title> </head> &
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值