html5中的meta标签的三要素是什么?meta标签的使用总结

寻∝梦
풀어 주다: 2018-08-30 15:05:01
원래의
14864명이 탐색했습니다.

本篇文章主要的为大家讲述的是关于html meta标签的三要素,就是三属性的组成和使用的介绍,里面有很多比较重要的属性值,在网页中都是很有用的,现在让我们一起来看这篇文章吧

首先我们要知道meta标签的三要素是什么?

1.必选属性:content属性。该属性是为了定义与http-equiv或者name属性相关的元信息,其中的内容是为了便于搜索机器人查找信息和分类使用的。

2. 可选属性: name属性该属性主要用于描述网页。Name属性的值可以有:author、description、keyword、generator等等

3.可选属性:http-equiv属性。该属性相当与http的头文件作用,可以向浏览器返回一些有用的信息,以帮助正确和精确显示内容。http-equiv属性的值可以有content-type、expires、refresh等等;

这是这三个属性组成了html5 meta标签的三要素。

现在来看看这些属性具体的使用介绍:

但是打开任意的网站,其head标签内都有一列的meta标签。

meta常用于定义页面的说明,关键字,最后修改日期,和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。

meta标签共有两个属性,分别是http-equiv属性和name属性

HTML5 meta标签的name属性:

name属性主要用于描述网页,比如网页的关键词,叙述等。与之对应的属性值为content,content中的内容是对name填入类型的具体描述,便于搜索引擎抓取。meta标签中name属性语法格式是:

로그인 후 복사

其中name属性最重要的一个参数。

HTML5 meta标签的name属性的值keywords(关键字):

说明:用于告诉搜索引擎,你网页的关键字。举例:

로그인 후 복사

HTML5 meta标签的name属性的值description(网站内容的描述):

说明:用于告诉搜索引擎,你网站的主要内容。举例:

로그인 후 복사

HTML5 meta标签的name属性的值author(作者):

用于标注网页作者举例:

로그인 후 복사

HTML5 meta标签的http-equiv属性:

http-equiv顾名思义,相当于http的文件头作用。

相当于HTTP的作用,比如说定义些HTTP参数啥的。

meta标签中http-equiv属性语法格式是:

로그인 후 복사

其中http-equiv属性说说其中一个参数:

content-Type(设定网页字符集)(推荐使用HTML5的方式)

说明:用于设定网页字符集,便于浏览器解析与渲染页面举例:

//旧的HTML,不推荐

//HTML5设定网页字符集的方式,推荐使用UTF-8

总结的就这么多了,meta标签的自定义属性实在太多了。所以只去找了常用的一些,还有像 Window-target 这样已经基本被废弃的属性,我也没有添加。

HTML5 meta标签的作用:

META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO)。

【小编推荐】

html p标签是单标签吗?html p标签的使用方法介绍(内附实例)

input表单如何制作多行文本输入框?一篇文章教你学会使用input标签

위 내용은 html5中的meta标签的三要素是什么?meta标签的使用总结의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!