首页 未命名正文

linux编程_HTML中标签若何准确使用

云返利网 未命名 2020-05-26 09:06:03 11 0

  若是我们在浏览器中按下F12或者Ctrl+shift+J,便可以打开开发者工具,在element中即可看到<head>元素中有不少<meta>元素。对于网页而言,<meta>元素是必不能少的。我们在建立一个html5文档时,就会发现类似于<meta charset="UTF-8">这样的标签,来划定剖析文档的字符类型。那么,它还有哪些作用呢?下面,我将一探事实!我会通过下面几个部门来解说,若是你希望直接看后面部门的内容,可以直接点击下面的文字。

  • <meta>标签的基本先容
  • <meta>标签中的属性枚举
  • <meta>标签中的name属性应用
  • <meta>标签中的http-equiv属性应用

第一部门:<meta>标签的基本先容

  <meta>标签是HTML网页源代码中的一个主要的html标签。META便签用来形貌一个HTML网页文档的属性,例如作者、日期和时间、关键词、页面刷新。除此之外,<meta>标签用于搜索引擎优化(六安seo)。它位于HTML文档中<head>元素内,虽然它提供的信息用户不能见,但它却是文档最基本的元信息。

第二部门:<meta>标签中的属性枚举

  <meta>标签中属性我们可以分为必选的属性和可选的属性。

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

      2.可选属性:

  • name属性。该属性主要用于形貌网页。name属性的值可以有:author、description、keywords、generator等等
  • http-equiv属性。该属性相当于http的头文件作用,可以向浏览器返回一些有用的信息,以辅助准确和正确的显示内容。http-equiv属性的值可以有content-type、expires、refresh等等。

第三部门:<meta>标签中的name属性应用

  A keywords(关键字:告诉浏览器你的网页的关键字是什么)

  B description(形貌:告诉浏览器你的网页的主要内容是什么)

    这两个属性值我放在一起说,是由于它们的作用异常相似。由于设置这两个值可以辅助你的主页被各大搜索引擎上岸,提高网站的接见量。于是这两个属性值的设置是格外主要的。由于凭据搜索引擎的事情原理,搜索引擎会首先清扫机械人自动检索页面中的keywords和description,并将其加入自己的数据库,然后凭据关键词的密度将网站排序

我们可以像下面这样使用:

1 2 <meta name= "keywords" content= "关于meta标签,网页,918之初" > <meta name= "description" content= "HTML中<meta>标签若何准确使用" >

  值得注意的是,name一定要和content属性配合使用。

  C robot(机械人向导:用于高速机械人哪些页面需要索引,哪些页面不需要索引)

  该属性的值有all、none、index、noindex、follow和nofollow。默以为all。

  设定为all:文件将被检索,且页面上的链接可以被查询;

  设定为none:文件将不被检索,且页面上的链接不能以被查询;

  设定为index:文件将被检索;

  设定为follow:页面上的链接可以被查询;

  设定为noindex:文件将不被检索,但页面上的链接可以被查询;

  设定为nofollow:文件将不被检索,页面上的链接可以被查询。

  我们可以像下面这样使用:

1 <meta name= "robot" content= "none" >

  即搜索机械人在自动检索页面时,将不会检索到这个页面。

  D author(作者:用于告诉搜索机械人网页的作者)

1 <meta name= "author" content= "somebody" >

第四部门:<meta>标签中的http-equiv属性应用

A.content-type(文档内容类型:用于设定文档的类型和字符集)

  这是meta便签中最为常见的一中设置,在制作网页时,我们在纯HTML代码可看到它是界说你的网页的语言,当浏览器接见到你的网页时,浏览器便会凭据此来识别并进行响应的设定,否则,浏览器就会使用默认的设定方式。

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

B.expires(限期:可以用于设定网页的到期限期)

  一旦网页过时,那么就必须在服务器上重新刷新而不能通过缓存获取网页。值得注意的是:其中设置的时间必须是GMT花样。

1 <meta http-equiv= "expires" content= "Fri,12 Jan 2001 15:15:15 GMT" >

  若是你在浏览器中设置浏览器网页先从内陆缓存中的页面获取,那么当浏览时,就会只从内陆缓存获取,直到meta中设置的时间到期,浏览器才会获取新页面。

C.pragma(cashe模式:即是否从缓存中接见网页内容)

1 <meta http-equiv= "pragma" content= "no-cache" >

 这行代码示意不从缓存获取页面,于是接见者将无法脱机事情。

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

【关于云返利网】

云返利网是阿里云、腾讯云、华为云产品推广返利平台,在各个品牌云产品官网优惠活动之外,云返利网还提供返利。您可以无门槛获得阿里云、华为云、腾讯云所有产品返利,在官网下单后就可以领取,无论是自己用、公司用还是帮客户采购,您个人都可以获得返利。云返利网的目标是让返利更多、更快、更简单!详情咨询13121395187(微信同号)