meta标签与link标签

1.meta标签

HTML中的标签用于提供关于HTML文档的元数据（metadata），包括文档的描述、关键词、作者、字符集和其他诸如视窗设置等的信息。这些元数据通常不会直接显示在网页上，而是被浏览器和搜索引擎等程序所使用。

以下是一些标签的示例及其用途：

指定字符集

<meta charset="UTF-8">

指定视窗大小

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

指定页面关键词

<meta name="keywords" content="HTML, CSS, JavaScript">

指定页面描述

<meta name="description" content="This is a webpage about HTML, CSS and JavaScript.">

指定作者

<meta name="author" content="John Doe">

指定网页到期时间

<meta http-equiv="expires" content="Fri, 30 Dec 2022 23:59:59 GMT">

指定网页刷新时间

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

禁止搜索引擎索引

<meta name="robots" content="noindex">

更多内容请查阅相关MDN文档。

2. link标签

link标签是HTML中的一种标签，主要用于在HTML文档中引入外部资源，如样式表、图标、字体等。它的rel属性用于指定所引入资源的关系类型，href属性用于指定资源的URL。下面是link标签的一些常用功能及示例：

引入样式表

<link rel="stylesheet" type="text/css" href="style.css">

引入图标

<link rel="shortcut icon" href="favicon.ico">

引入字体

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">

引入RSS订阅

<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="rss.xml">

引入预加载资源

<link rel="preload" href="image.jpg" as="image">

更多内容请查看相关MDN文档。

meta标签与link标签相关推荐

a标签与link标签的区别
a标签作用是给html文档中的相关数据设置一种能跳转到其他页面的功能属性,也就是平常我们所说的超链接 link标签的作用是:链接文件,如css或js等,并把链接文件的相关属性设置,应用于html文档中 ...
html通过link标签引入css
1.css文件: div{border: 1px solid red; } span{border: 4px solid green; } html文件: <!DOCTYPE html> ...
HTML5 入门：一个最简单的HTML页面（doctype、meta、Head、标签的使用)
本文转载自: https://www.cnblogs.com/csn0721/archive/2013/01/23/2873682.html 作者:csn0721 转载请注明该声明. HTML5的&l ...
html的meta总结，html标签中meta属性使用介绍和动态替换字符串
http://www.haorooms.com/post/html_meta_ds http://www.haorooms.com/archives里面的东西比较多,需要细看一下 http://www ...
[html] link标签的属性media有哪些值？都有什么作用？
[html] link标签的属性media有哪些值?都有什么作用? 根据w3c的介绍,media属性表示link的链接文档会应用于何种媒介(设备)上.用于为不同的媒介类型规定不同的样式.常用的值为sc ...
link标签引入.css文件（目的）：适配不同屏幕
link标签引入.css文件(目的):适配不同屏幕本文 · 参考博客:https://blog.csdn.net/nianzhi1202/article/details/52464078 附 · 参 ...
link标签的几个用法，帮助提高页面性能
写在前面本文首发于公众号:符合预期的CoyPan HTML 中****元素规定了外部资源与当前文档的关系.最常见的用法,是用来链接一个外部的样式表,比如: <link href="m ...
超链接a标签的伪类选择器问题，Link标签与visited标签的失效问题(问题介绍与解决方法)。以下全部内容跟可通过鼠标左键选取后，复制到编辑器中直接运行。
超链接a标签的伪类选择器问题,Link标签与visited标签的失效问题(问题介绍与解决方法).以下全部内容跟可通过鼠标左键选取后,复制到编辑器中直接运行. 参考文章: (1)超链接a标签的伪类选择器 ...
html网页logo属性link,html元素link标签rel=icon添加网站favicon.ico图标
html元素中的link标签除了可以引用插入CSS样式表文件之外,还可以通过link标签设置网站的favicon.icon图标. 什么是favicon.icon图标? 网站favicon.ico图标, ...

meta标签与link标签

1.meta标签

2. link标签

meta标签与link标签相关推荐

最新文章

热门文章