HTML5中的一些meta标签

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML5中的一些meta标签，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2103字，纯文字阅读大概需要4分钟。

内容图文

        <!DOCTYPE html>  H5标准声明，使用 HTML5 doctype，不区分大小写

<head lang=”en”> 标准的 lang 属性写法

<meta charset=’utf-8′>    声明文档使用的字符编码

<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>   优先使用 IE 最新版本和 Chrome

<meta name=”description” content=”不超过150个字符”/>       页面描述

<meta name=”keywords” content=””/>      页面关键词

<meta name=”author” content=”name, email@gmail.com”/>    网页作者

<meta name=”robots” content=”index,follow”/>      搜索引擎抓取

<meta name=”viewport” content=”initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no”> 为移动设备添加 viewport

<meta name=”apple-mobile-web-app-title” content=”标题”> iOS 设备 begin

<meta name=”apple-mobile-web-app-capable” content=”yes”/>  添加到主屏后的标题（iOS 6 新增）

是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏

<meta name=”apple-itunes-app” content=”app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL”>

添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）

<meta name=”apple-mobile-web-app-status-bar-style” content=”black”/>

<meta name=”format-detection” content=”telphone=no, email=no”/>  设置苹果工具栏颜色

<meta name=”renderer” content=”webkit”>  启用360浏览器的极速模式(webkit)

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>     避免IE使用兼容模式

<meta http-equiv=”Cache-Control” content=”no-siteapp” />    不让百度转码

<meta name=”HandheldFriendly” content=”true”>     针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓

<meta name=”MobileOptimized” content=”320″>   微软的老式浏览器

<meta name=”screen-orientation” content=”portrait”>   uc强制竖屏

<meta name=”x5-orientation” content=”portrait”>    QQ强制竖屏

<meta name=”full-screen” content=”yes”>              UC强制全屏

<meta name=”x5-fullscreen” content=”true”>       QQ强制全屏

<meta name=”browsermode” content=”application”>   UC应用模式

<meta name=”x5-page-mode” content=”app”>    QQ应用模式

<meta name=”msapplication-tap-highlight” content=”no”>    windows phone 点击无高光

设置页面不缓存

<meta http-equiv=”pragma” content=”no-cache”>

<meta http-equiv=”cache-control” content=”no-cache”>

<meta http-equiv=”expires” content=”0″>

原文：https://www.cnblogs.com/gtscool/p/11881710.html

内容总结

以上是互联网集市为您收集整理的HTML5中的一些meta标签全部内容，希望文章能够帮你解决HTML5中的一些meta标签所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1333332.html

来源：【匿名】

【下一篇】PHP 和 HTML

更多 ►

【HTML5中的一些meta标签】教程文章相关的互联网学习教程文章

<!DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写<head lang=”en”> 标准的 lang 属性写法<meta charset=’utf-8′> 声明文档使用的字符编码<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/> 优先使用 IE 最新版本和 Chrome<meta name=”description” content=”不超过150个字符”/> 页面描述<meta name=”keywords” content=””/> 页面关键词<meta name=”author” cont...

Html+CSS基础之<a>标签

a标签语法：<a href="网址" title="鼠标滑过显示的文本">文本</a>。注：此时打开的网址窗口默认在当前窗口，如果需要在新的窗口打开这个链接则：<a href="网址" title="文字" target="_blank">文本</a>。除此之外，a标签还可以用来链接调用电脑邮件来发送邮件，具体语法:<a href="mailto:收件人邮件地址?cc=抄送地址&bcc=密件抄送地址&subject=邮件主题&body=邮件内容" >文本</a>注：多个收件人地址多个抄送地址，用";"隔开。标签...

angularjs 可以加入html标签方法------ng-bind-html的用法总结（2）【代码】【图】

angular-ngSanitize模块-$sanitize服务详解本篇主要讲解angular中的$sanitize这个服务.此服务依赖于ngSanitize模块.要学习这个服务,先要了解另一个指令: ng-bing-html.顾名思义,ng-bind-html和ng-bind的区别就是,ng-bind把值作为字符串,和元素的内容进行绑定,但是ng-bind-html把值作为html,和元素的html进行绑定.相当于jq里面的.text()和.html().但是,出于安全考虑,如果我们直接使用ng-bind-html是会报错的,ng-bind-html后面的内容...

HTML中button标签点击实现页面跳转【代码】

方法1：使用onclick事件<input type="button" value="按钮" onclick="javascrtpt:window.location.href=‘http://www.baidu.com/‘" />或者直接使用button标签<button onclick="window.location.href = ‘https://www.baidu.com/‘">百度</button> 方法2：在button标签外套一个a标签<a href="http://www.baidu.com/"><button>百度</button> </a>或使用<a href="http://www.baidu.com/"><input type="button" value=‘百度‘></a> ...

HTML表格标签【代码】

<table>表格标签　　常用属性：　　border指定边框　　width宽　　height高，内容多不用指定，自动适应　　bgcolor背景颜色　　align对齐方式，控制表格　　background背景图片<caption>表格标题<th>表头单元格<tr>行　常用属性：　　bgcolor背景颜色　　align对齐方式，控制内容　　background背景图片<td>列table>tr>td【此时按下Tab（制表键），输入内容中间和后面都不能留有空格和换行等内容】表格合并　　colspan跨列　　...

如何使用JS脚本从HTML中分离图片标签与文本，替换文本中指定的内容并加粗（原创）【代码】

var html=‘ddfsdfsdfdsd dfsdfsdffds<img _src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" data-latex="x=\frac {-b\pm \sqrt {{b}^{2}-4ac}} {2a}" src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" class="kfformula">dfsdfsrewewrererew ds<img _src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" data-latex="x=\frac {-b\pm \sqrt {{b}^{2}-4ac}} {2a}...

HTML5 常用标签属性【代码】

<input type="submit" value="提交" autofocus="on" formaction="b.jsp"><input type="submit" value="提交" formaction="c.jsp">提交不同的界面上传<input type="file" multiple="multiple">multiple 允许上传多个文件<input type="text" pattern="[0-9]{6}" required="required" placeholder="请输入六位邮箱" title="格式不正确"> pattern里面填正则 required不能为空 placeholder提示内容 title错误后的提示信息原文：http:...

HTML标签总结【代码】

1. HTML常用标记：属性值需要带等号连接，属性值需要带引号(单、双引号都可以文本标题：h1~h6 i. h1:一般应用在网页文章标题，网站的logo处 ii. h2:新闻稿件的标题，或者是二级标题处 iii. h3:新闻稿件居多，布局元素中有加粗效果 iv. h4~h6:根据实际情况选择应用段落文本：p空格： &emsp;(能够实现空出一个字符)换行：<br/>水平线：<hr/>加粗： i. <b>加粗的内容</b> 只是显示加粗 ii. <strong>强调的内容</strong> 突出的文...

解决JSON包含HTML标签无法显示的问题

主要是将json无法识别的字符进行转义 function dotran($str) { $str = str_replace(‘"‘,‘//"‘,$str); $str = str_replace("/r/n",‘//r//n‘,$str); $str = str_replace("/t",‘//t‘,$str); $str = str_replace("//",‘//‘,$str); $str = str_replace("/b",‘//b‘,$str); return $str; }这样返回的数据就可以正常显示，下面是转换后的内容：jsontext=‘{"jqry":[{"id":"12...

HTML5笔记1——HTML5的发展史及标签的改变【代码】【图】

记得第一次接触HTML5还是在《联信永益》实习那会儿（2011），当时一个项目技术选型的时候面临两种选择，分别是Silverlight和HTML5，记得当年用的最新的IE浏览器版本还是IE9，才刚刚开始支持HTML5。后来考虑到当时各个版本的浏览器对HTML5的支持都不怎么好，最终公司还是选择了Silverlight，想不到多年以后Silverlight没落了，HTML5却随着移动互联网的兴起而焕发出强大的活力。HTML5的发展路程一路走来，我们回顾一下HTML的发展之路...

html页面标签元素总结【代码】【图】

html页面标签元素总结前言学习python的flask架构对于有丁点C功底的人来说代码问题研究研究还能勉强跟得上脚步，但是html前端就蒙圈了，完全小菜比一枚。故此总结下我目前接触过的标签以及经常需要用的小功能(例如下拉框，单选框等等)。本篇仅从为w3c官网http://www.w3school.com.cn/收藏以供自己日后方便使用。PART I ：常用的html标签 1.1 基础篇标签描述 <!DOCTYPE> 定义文...

一个完整的html 每个标签的含义【代码】

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 5<title>无标题文档</title> 6<script type="text/javascript" src="js/index.js"></script...

html5 form表单常用标签【代码】

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title> </head> <body> <form><input type="email"><input type="submit"><input type="tel"><input type="submit"><input type="url"><input type="submit"><input type="search"><input type="submit"><input type="r...

超级简单却不知道：html标签的嵌套规则

XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？　　一、HTML 标签包括块级元素(block)、内嵌元素（inline）　　1、块级元素　　一般用来搭建网站架构、布局、承载内容……它包括以下这些标签：　　address、blockquote、...

JS HTML标签尺寸距离位置定位计算【图】

四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：...