当前位置:首页 > 前端技术 > HTML中的meta标签及其属性

HTML中的meta标签及其属性

2022年09月16日 22:50:39前端技术6

个人博客:造轮小狐

<meta>简介

<meta>标签提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<meta>标签位于文档的头部,不包含任何内容。<meta>标签的属性定义了与文档相关联的名称和值对

 

相关属性

charset

    <meta charset="utf-8">

释义:charset属性设置编码格式,设置成utf-8避免出现中文乱码

 

content

    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1">

 

释义:<meta>标签必需的一个属性,依赖于http-equive和name名称和值对,存放其内容,值为text

 

http-equiv

<meta http-equiv="X-UA-Compatible" content="IE=edge">

释义:http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前要先传送给浏览器的 MIME 文档头部包含名称/值对

http-euqiv="内容" 含义 示例 content="值"
content-type 内容类型 text/html,text/css...
default-style 预定义的样式 同一文档下,<link>或<style>中的title值
reflash 定时刷新或重定向,用户不可控制,慎用 正整值
X-UA-Compatible IE8特有,告诉浏览器用何种IE版本渲染网页 IE=edge采用IE最新版本渲染网页

 

name

    <meta name="viewport" content="width=device-width, initial-scale=1">    <meta name="keywords" content="关键字,可从decription中选取"> <meta name="description" content="描述网页的关键信息">

释义:name属性提供了名称/值对的名称,通常由网页制作者自己命名富有意义的名称,便于阅读和理解。

 

 

作者:EGeek
来源链接:https://blog.csdn.net/qq_41604269/article/details/81841182

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/42157.html

标签: HTML
分享给朋友:

“HTML中的meta标签及其属性” 的相关文章

HTML5结构标签

GUIDM在这里祝大家节日快乐! 博主有话说:如果有描述错误之处请大家纠正。让我们可以一起学习一起进步。 个人主页:GUIDM的主页 内容专栏:HTML5干货系列 此块内容为纯纯的干货,略显乏味枯燥,是笔记向的blog。如果觉得还不错,希...

HTML常用标签及其用法总结

HTML常用标签及其用法总结

1、HTML分块--------< div> 说起HTML的标签,不得不提起的就是< div>,在制作一个网页的时候,应该先将他们划分为许多个块,再在这些块中进行操作。 整个电脑能够显示是因为显示屏上一个一个的小颗粒,如下宽度:1...

模板引擎 Thymeleaf  动态渲染 HTML

模板引擎 Thymeleaf 动态渲染 HTML

1、添加依赖 <!-- Thymeleaf 模板引擎 --> <dependency> <groupId>org.thymeleaf</gro...

script标签的属性

script标签的属性

共六个,language废弃,charset不常用。 async:异步加载脚本,且不保证加载顺序(下载时不影响页面解析,但解析时会暂停页面渲染) defer:立即下载,延迟执行(遇到</html>标签时执行),有顺序 type:默认type='tex...

HTML表单标签常用属性及其常见子标签

表单标签 通过form来定义 <form> //1.input类型 //2.select类型 //3.textarea类型 </form> 常用属性 ​ action:提交路径,默认是当...

html5 video 视频标签详解

现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从...

有关在html中修改select标签的option selected默认选中属性实现

有关在html中修改select标签的option selected默认选中属性实现

着急想要解决办法的朋友可以直接看最后的内容:} 一般我们使用select标签时大概都会使用到option标签来填充下拉框中的内容 只有几个固定的内容写死在页面还好,可能是这样的: <select name="type"type="text...

html中
标签的理解

1.HTML标准中对section的解释 The section element represents a generic section of a document or application. ...

HTML笔记及案例(全)

HTML笔记及案例(全)

一、 HTML简介 1.HTML是什么? HTML: HYper Text language超文本 标记(标签)语言有多种标签组成,用来制作网页,告浏览器该如何显示页面 2.HTML语言作用? 制作网页,控制网页、内容的显示 插入图片、音乐、视频、...

HTML5相关标签及标签属性

1、新增语义化标签 <header></header> 头部 <nav></nav> 导航 <section></section> 章节、段落 <arti...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。