html 标签: meta, script, style

meta

meta是html言语head区的一个辅助性标签。
作用有:SEO, 缓存, 窗口大小, 字符集等.

meta标签分两类,http-equivname

1. name

keywords

<meta name="keywords" content="SEO关键字">

description

<meta name="description" content="SEO主要内容">

robots

<meta name="robots" content="none">

content详细参数以下:
信息参数为all:默许值, 文件将被检索,且页面上的链接能够被查询;
信息参数为none:文件将不被检索,且页面上的链接不能够被查询;
信息参数为index:文件将被检索;
信息参数为follow:页面上的链接能够被查询;
信息参数为noindex:文件将不被检索,但页面上的链接能够被查询;
信息参数为nofollow:文件将被检索,但页面上的链接不能够被查询;

author

<meta name="author" content="your@email.com">

generator

代表申明网站的采纳的什么软件制造

<meta name="generator"content="FrontPage 4.0"/>

copyright

<meta name="copyright" content="the Meta Tags Company"> 

viewport

屏幕的缩放

width             viewport的宽度(数值/device-width)
height            viewport的高度(数值/device-height)
user-scalable     是不是许可缩放,(yes/no)
initial-scale     初始化比例(局限从 > 0 到 10)
minimum-scale     许可缩放的最小比例
maximum-scale     许可缩放的最大比例
target-densitydpi 值有以下(平常引荐设置中等响度密度或许低像素密度,后者设置详细的值dpi_value,别的webkit内核已不预备再支撑此属性)
   -- dpi_value   平常是70-400//没英寸像素点的个数
   -- device-dpi  装备默许像素密度
   -- high-dpi    高像素密度
   -- medium-dpi  中等像素密度
   -- low-dpi     低像素密度
<meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1,target-densitydpi=device-dpi "> 

format-detection

疏忽手机号和邮箱

<meta name="format-detection" content="telphone=no, email=no"/> 

X-UA-Compatible

优先运用 IE 最新版本和 Chrome

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

screen-orientation

强迫屏幕方向

<meta name="screen-orientation" content="portrait">
<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">

apple-mobile-web-app-capable

开启对web app顺序的支撑, 即删除默许的苹果工具栏和菜单栏,开启全屏显现

<meta name="apple-mobile-web-app-capable" content="yes">

apple-mobile-web-app-status-bar-style

转变顶部状况条的色彩, 默许值为 default(白色),能够定为 black(黑色)和 black-translucent(灰色半透明)

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

2. http-equiv

expires(逾期)

<meta http-equiv="expires"content=""> 
必需运用GMT花样

Pragma

制止浏览器从当地计算机的缓存中接见页面内容。

<meta http-equiv="Pragma"content="no-cache">

Refresh

自动革新, 停止time秒后指向新页面

<meta http-equiv="Refresh"content="time;URL=http://www.google.com">

Set-Cookie

假如网页逾期,那末cookie也将被删除。

<meta http-equiv="Set-Cookie" content="ACCOUNT=9983373; path=/; expires=Thursday, 20-May-09 00:15:00 GMT">

Window-target

强迫页面在当前窗口以自力页面显现.
注重:这个属性是用来防备别人在框架里挪用你的页面。Content选项:_blank、_top、_self、_parent.

_blank 链接文件在新的窗口中翻开

_parent 链接文件将在当前窗口的父级窗口中翻开

_self 链接文件在当前窗口(帧)中翻开

_top 链接文件全屏显现

<meta http-equiv="Window-target"content="_top">

content-type

<meta http-equiv="content-Type"content="text/html;charset=utf8"> 
or
<meta charset="UTF-8"> H5新标签

content-language

<meta http-equiv="Content-Language"content="zh-cn"/>

Cache-Control

Cache-Control指定请乞降相应遵照的缓存机制。在要求音讯或相应音讯中设置Cache-Control并不会修正另一个音讯处置惩罚历程当中的缓存处置惩罚历程。要求时的缓存指令包含no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached,相应音讯中的指令包含public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个音讯中的指令寄义以下

Public指导相应可被任何缓存区缓存

Private指导关于单个用户的全部或部份相应音讯,不能被同享缓存处置惩罚。这许可服务器仅仅形貌当用户的部份相应音讯,此相应音讯关于其他用户的要求无效

no-cache指导要求或相应音讯不能缓存

no-store用于防备主要的信息被无意的宣布。在要求音讯中发送将使得请乞降相应音讯都不运用缓存。

max-age指导客户机能够吸收生存期不大于指定时候(以秒为单元)的相应

min-fresh指导客户机能够吸收相应时候小于当前时候加上指定时候的相应

max-stale指导客户机能够吸收超越超时时代的相应音讯。假如指定max-stale音讯的值,那末客户机能够吸收超越超时代指定值以内的相应音讯。

imagetoolbar

<meta http-equiv="imagetoolbar"content="false"/>

Content-Script-Type

<meta http-equiv="Content-Script-Type"Content="text/javascript">

Pics-label

网站评级, 详细查询RSAC

<meta http-equiv="Pics-label" Contect="(PICS-1.1'http://www.rsac.org/ratingsv01.html'I gen comment 'RSACi North America Sever' by 'inet@microsoft.com'for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">

Page-Enter、Page-Exit

这个是页面被载入和调出时的一些殊效

3. 其他标签

Base
你网页上的一切相对路径在链接时都将在前面加上Base

<Base href="http://www.google.com/" target="_blank">

script标签

async
假如 async=”async”:剧本相关于页面的其余部份异步地实行(当页面继承举行剖析时,剧本将被实行)
假如不运用 async 且 defer=”defer”:剧本将在页面完成剖析时实行
假如既不运用 async 也不运用 defer:在浏览器继承剖析页面之前,马上读取并实行剧本

<script type="text/javascript" src="demo_async.js" async="async"></script>

chartset

<script type="text/javascript" src="myscripts.js" charset="UTF-8"></script>

defer
IE Only. 划定是不是对剧本实行举行耽误,直到页面加载为止. (适用于不影响页面加载的剧本)

<script type="text/javascript" defer="defer"></script>

参考文章
http://blog.csdn.net/kongjiea/article/details/17092413
http://www.jb51.net/web/158860.html
http://www.haorooms.com/post/html_meta_ds

    原文作者:jia
    原文地址: https://segmentfault.com/a/1190000005657684
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞