当前位置:首页 > Web开发 > 正文

某些搜索引擎遇到此meta时会停止解析 页面剩余的部分

2024-03-31 Web开发

标签:

meta元素有4个属性:name、http-equiv、content、charset.meta标签通过name属性来表述页面文档的元信息,通过http-equiv属性设置http请求指令,通过charset设置页面的字符编码。凭据属性设置分类,meta可以分为三类:

name属性和content属性组合,组成名称/值对,用于描述网站信息.

标准的meta名称包孕application-name、author、description、generator等。 示例代码:

<meta content="british,typeface,font,fonts"/>

此中keywords和description这两个名称的使用率最高,是seo的主要手段之一,保举读者使用。

http-equiv属性和content属性组合,设置特定的http指令;

此中content-type、default-style和refresh已经确定,content-language和set-cookie还未正式确定.

此类型meta应该谨慎使用。不保举使用<meta http-equiv="refresh" content="300"/>,某些搜索引擎遇到此meta时会遏制解析 页面残剩的部分。<meta http-equiv="default-style">在实际的场景中很少使用

charset属性,设置页面字符编码。

此属性供给了生存和传输文档的编码格局。

<meta charset="utf-8">

等价于

<meta http-equiv=‘Content-Type‘ content=‘Type=text/html; charset=utf-8‘>

但是第一种形式更简洁好记,并且得到了所有主流浏览器的撑持,所有不存在浏览器兼容问题。为 了让浏览器能准确识别编码格局,,务必在<title>标签之前设置charset,保证标题能正确显示。

除了W3C界说的规范中界说的这些meta之外,还有大量的自界说meta类型。这些meta类型主要是由互联网公司或者浏览器厂商为了实现特定的成果而定制的。这些自界说的meta不能通过W3C供给的标准校验,但并不是说这些meta不标准。介绍一些常用的meta

设置IE浏览器的兼容模式

从IE8浏览器开始撑持一种设置页面兼容模式的meta类型,示例代码如下:

<meta http-equiv="X-UA-Compatible" content="IE=8"/> 专门成立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习要领和需要注意的小细节,互订交流学习,不竭更新最新的教程和学习技巧(从零根本开始到WEB前端项目实战教程,学习工具,全栈开发学习路线以及规划)

按照html规范,浏览器是凭据页面开头界说的文档类型来解析页面的。例如,使用html5的文档类型声明:

<!DOCTYPE html>

IE就会以标准模式解析HTML文档。但是某些已有页面由于各类原因不能在最新标准模式下正确显示,只撑持特定的标准。针对这种情况,IE浏览器供给了一种兼容的方案,通过设置X-UA-Compatible指定页面在IE浏览器中衬着时执行的标准。

别的还有一种很常见的设置值,即:

<meta http-equiv="X-UA-Compatible" content="chrome=1"/>

IE界说的meta为什么会呈现chrome呢?其实设置为chrome=1时,则会在IE9及以下浏览器中激活Chrome Frame,强制IE使用Chrome Frame衬着页面。

web前端入门到实战:Html头部meta标签

标签:

原文地点:https://blog.51cto.com/14592820/2467881

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31346.html