HTML:5meta标签

内容导读

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

内容图文

<h2>一些常用的移动端的meta属性设置</h2>
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
    <!-- 声明文档使用的字符编码 -->
    <meta charset=‘utf-8‘>
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!-- 页面描述 -->
    <meta name="description" content="不超过150个字符"/>
    <!-- 页面关键词 -->
    <meta name="keywords" content=""/>
    <!-- 网页作者 -->
    <meta name="author" content="name, email@gmail.com"/>
    <!-- 搜索引擎抓取 -->
    <meta name="robots" content="index,follow"/>
    <!-- 为移动设备添加 viewport -->
    <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
 
    <!-- iOS 设备 begin -->
    <meta name="apple-mobile-web-app-title" content="标题">
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!-- 是否启用 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"/>
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- iOS 图标 begin -->
    <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
    <!-- iPhone 和 iTouch，默认 57x57 像素，必须有 -->
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
    <!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有 -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
    <!-- Retina iPad，144x144 像素，可以没有，但推荐有 -->
    <!-- iOS 图标 end -->
 
    <!-- iOS 启动画面 begin -->
    <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>
    <!-- iPad 竖屏 768 x 1004（标准分辨率） -->
    <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>
    <!-- iPad 竖屏 1536x2008（Retina） -->
    <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>
    <!-- iPad 横屏 1024x748（标准分辨率） -->
    <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>
    <!-- iPad 横屏 2048x1496（Retina） -->
 
    <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>
    <!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) -->
    <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>
    <!-- iPhone/iPod Touch 竖屏 640x960 (Retina) -->
    <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>
    <!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina) -->
    <!-- iOS 启动画面 end -->
 
    <!-- iOS 设备 end -->
    <meta name="msapplication-TileColor" content="#000"/>
    <!-- Windows 8 磁贴颜色 -->
    <meta name="msapplication-TileImage" content="icon.png"/>
    <!-- Windows 8 磁贴图标 -->
 
    <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
    <!-- 添加 RSS 订阅 -->
    <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
    <!-- 添加 favicon icon -->

    <!-- sns 社交标签 begin -->
    <!-- 参考微博API -->
    <meta property="og:type" content="类型" />
    <meta property="og:url" content="URL地址" />
    <meta property="og:title" content="标题" />
    <meta property="og:image" content="图片" />
    <meta property="og:description" content="描述" />
    <!-- sns 社交标签 end -->
 
    <title>标题</title>
</head

原文：https://www.cnblogs.com/fivez/p/10415750.html

内容总结

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

内容备注

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

内容手机端

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

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

来源：【匿名】

【上一篇】HTML一些标签【下一篇】PHP 和 HTML

更多 ►

【HTML:5meta标签】教程文章相关的互联网学习教程文章

在HTML页面的<body>中，可以用像下面的代码来添加<canvas>标签：复制代码代码如下:<canvas id="canvasOne" width="500" height="300"> Your browser does not support HTML5 Canvas.</canvas>译注：对于canvas，以下写法是不允许的：复制代码代码如下: <canvas id="canvasOne" width="500" height="300" />让我们来看一下上述代码到底做了些什么。<canvas>标签有3个主要的属性，包括： 1.id。我们可以在JavaScript代码中用id值来引...

Html（1）——常用标签【图】

Html常用标签一.基本标签 <!DOCTYPE html>:引用官方的DTD文件——对标签的使用进行了一定的约束<html>:根元素标签，成对出现，代表一个html文档的开始和结束<head>:头部标签，成对出现<body>:主体标签，成对出现，大部分内容都放在该标签下表示元信息是信息的信息，用来描述信息的结构，语义，用途和用法等等。收到数据的浏览器可以根据元信息确定服务器发来的是什么...

HTML常用标签及其全称

<a href="#">a 超级链接（anchor）</a> <abbr title="abbreviation的简写">abbr 简写的（abbreviation）</abbr> <acronym title="Jin Hua Tang is JHT">acronym 首字母缩略词（acronym） </acronym> <address>address 地址（address） </address> <b>b 粗体（bold）</b> <bdo dir="ltr">bdo <bdo dir="rtl">局部控制文字方向</bdo></bdo> <big>big 放大（big）</big> <blockquote>blockquote 引用块（bloc...

HTML段落标签和换行标签（重要）

HTML段落标签和换行标签（重要）标签描述<p></p>定义一个段落 <br />插入单个折行（换行）段落和段落之间的空隙比较大。段落中文字换行后的间隙正常的小。换行标签是break（打断，换行）的缩写。原文：https://www.cnblogs.com/jinyuanya/p/14141817.html

iOS 去掉html标签留下原本的字符串【代码】

做开发有的时候会遇到服务器返回的数据是html的，我们可以选择直接用webview来加载的方式去处理，当然这个方法不适用所有场景，通常我们会选择把没有必要的html标签去掉留下需要的文字信息，现在一起来看看吧。首先提供一个html标签的字符串 NSString *html = @"<p><span style=\"font-family:宋体\">劳动是人类创造物质或精神财富的活动，有体力的，也有脑力的。我们自己是劳动者，也是别人劳动的见证者。劳动存在于现在，也存...

基础复习之HTML （doctype、标签语义化、meta标签、块级元素与行内元素）【代码】

这段时间找实习看的眼花缭乱的，然后也被拒得落花流水，啊哈哈～还是写博客好玩儿～嘿嘿，下面正题一、doctype标准模式 (Full Standards Mode)接近标准模式 (Almost Standards Mode)混杂模式 (Quirks Mode)以上三种模式是浏览器在解析CSS时的三种工作模式，混杂模式是依据旧式的、非标准的CSS规则来渲染网页；标准模式则是遵循W3C标准去解析CSS的，接近标准模式与标准模式实际上差异并不大；关于Firefox中DTD与浏览器工作模式的详细...

一、HTML简介和基本结构、标签和表单【代码】

前端：即网站前台部分，运行在PC端、移动端等浏览器上展现给用户浏览的网页和界面HTML：页面结构，可以把它看成一个文档，定义展示页面的内容结构CSS：页面表现，元素大小、颜色、位置、隐藏或显示，部分动画效果JavaScript：页面行为，部分动画效果、页面与用户的交互、页面功能一、HTML超文本标记语言，是网页制作必备的编成语言。超文本就是页面包括图片、链接、音乐、程序等非文字原色1.HTML页面结构头部分：提供关于网页的信息...

HTML一些标签【代码】

<!DOCTYPE html> <html> <head> <title>文档的标题</title><meta name="keywords" content="HTML,ASP,PHP,SQL"><meta http-equiv="charset" content="iso-8859-1"> <meta http-equiv="expires" content="31 Dec 2008"><style type="text/css"> h1 {color:red} p {color:blue} </style><script type="text/javascript" src="myscripts.js"></script><link rel="stylesheet" type="text/css" href="theme.css" /></head> <body> 文档...

HTML:5meta标签【代码】

<h2>一些常用的移动端的meta属性设置</h2><!DOCTYPE html>  <html lang="zh-cmn-Hans">  <head><meta charset=‘utf-8‘><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="description" content="不超过150个...

HTML经典标签用法

1、marquee属性的使用说明 <marquee> ... </marquee>移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等鼠标属性onMouseOut=this.start() ........鼠标移出状态滚动onMouseOver=this.stop() .........鼠标经过时停止滚动方向<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移！</marquee>方式<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走！</...

HTML5标签语义化

这是我在 daqianduan.com/6549.html 看到的一篇文章，收藏学习。距HTML5标准规范制定完成并公开发布已经有好些年了，面试时也少不了要问对HTML5语义化得理解。但是在实际运用时，真正使用HTML5标签来开发的似乎不是很多（ps：查看了几个巨头公司网站推论），可能一部分原因是仍有部分用户使用在使用低版本浏览器。但是就我个人而言，因选取一些标签时会比较纠结，所以仍使用了div。（PS：正是因为这样，才有了这篇文章的，没错...

html标签集合

---恢复内容开始---基础<!DOCTYPE>,<html>,<title>，<body>,<h1>to<h6>,<p>,<br>,<hr>,格式<abbr>,<address>,<b>,<bdo>,<blockquote>,<cite>,<code>,<del>,<dfn>,<em>,<font>,<i>,<ins>,<kbd>,<pre>,<s>,<strong>,<sub>,<sup>,<u>,<var>表单<form>,<input>,<texgtarea>,<button>,<select>,<option>,<label>图像<img>,<map>,<area>链接<a>,<link>列表<ul>,<ol>,<li>,<dl>,<dt>,<dd>,<menu>表格<table>,<caption>,<th>,<tr>,...

HTML的标签语法

HTML的标签语法：1.双标记 <标记>内容</标记> 带属性写法：<标记属性1=? 属性2=? 属性3=? ……> 内容 </标记> 2.单标记 <标记/> 最常用的单标记是<BR/>（换行）带属性写法：<标记属性1=? 属性2=? 属性3=? …… /> 3.标记之间存在层级关系。 4.HTML5的标准格式：<!DOCTYPE html> ...

iOS -- 转义html中的标签

#pragma mark -- 转义html中的标签- (NSString *)HTML:(NSString *)html{ NSScanner *theScaner = [NSScanner scannerWithString:html]; NSDictionary *dict = @{@"&":@"&", @"<":@"<", @">":@">", @" ":@"", @""":@"\"", @"width":@"wid"}; while ([theScaner isAtEnd] == NO) { for (int i = 0; i <[dict allKeys].count; i ++) { [theScaner scanUpToString:[dict allKeys][i] intoString:...

html 标签嵌套 a标签嵌套

1.a标签最好不要嵌套块级元素，可以嵌套内联元素，但是不能嵌套a标签和input之类的标签。能嵌套的标签像,等等。2.ul和ol的子元素不能是别的元素只能是li，不能是别的比如div等，但是li中可以是div，要不然在ie6和7下回把非li解析到li的内部。这个切记没有办法修复！3.p标签不能嵌套块级元素甚至不能嵌套p元素，只能嵌套内联元素，不然对p嵌套的块级元素设置css不起作用。4.button里面不要嵌套a标签，不然在js里面会有两个事件，还有...

首页 / HTML / HTML:5meta标签

HTML:5meta标签

内容导读

内容图文

内容总结

内容备注

内容手机端

【HTML:5meta标签】教程文章相关的互联网学习教程文章

HTML页面中添加Canvas标签示例

Html（1）——常用标签【图】

HTML常用标签及其全称

HTML段落标签和换行标签（重要）

iOS 去掉html标签留下原本的字符串【代码】

基础复习之HTML （doctype、标签语义化、meta标签、块级元素与行内元素）【代码】

一、HTML简介和基本结构、标签和表单【代码】

HTML一些标签【代码】

HTML:5meta标签【代码】

HTML经典标签用法

HTML5标签语义化

html标签集合

HTML的标签语法

iOS -- 转义html中的标签

html 标签嵌套 a标签嵌套

标签 - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程