HTML标签大全

HTML注释标签HTML DOCTYPE标签HTML a标签HTML abbr标签HTML acronym标签HTML address标签HTML area标签HTML applet标签HTML article标签HTML aside标签HTML audio标签HTML b加粗标签HTML base标签HTML5 bdi标签HTML basefont标签HTML bdo标签HTML big标签HTML blockquote标签HTML body标签HTML br标签HTML button标签HTML canvas标签HTML caption标签HTML center标签HTML cite标签HTML code标签HTML col标签HTML colgroup标签HTML command标签HTML datalist标签HTML dd标签HTML del标签HTML details标签HTML dfn标签HTML dialog标签HTML dir标签HTML dl标签HTML div标签HTML em标签HTML embed标签HTML fieldset 标签HTML figcaption 标签HTML figure 标签HTML font 标签HTML footer 标签HTML frame 框架HTML frameset 标签HTML head 标签HTML header 标签HTML5 hgroup 标签HTML h1-h6 标题标签HTML hr 标签HTML i 标签HTML iframe 标签HTML img 标签HTML input 标签HTML ins 标签HTML kbd 标签HTML5 keygen 标签HTML label 标签HTML legend 标签HTML li 标签HTML link 标签HTML map 标签HTML5 mark 标签HTML meta 标签HTML menu 标签HTML meter 标签HTML nav 标签HTML noframes 标签HTML noscript 标签HTML object 标签HTML ol 标签HTML optgroup 标签HTML option 属性HTML output 用法HTML p 段落标签HTML param 标签HTML pre 标签HTML html 标签HTML q 标签HTML5 progress 标签HTML5 rp 标签HTML5 rt 标签HTML5 ruby 标签HTML s 标签HTML samp 标签HTML section 标签HTML script 标签HTML select 标签HTML small 标签HTML source 标签HTML span 标签HTML strike 标签HTML strong 标签HTML sub 标签HTML style 标签HTML summary 标签HTML sup 标签HTML table 标签HTML tbody 标签HTML td 标签HTML tfoot 标签HTML textarea 标签HTML th 标签HTML thead 标签HTML time 标签HTML title 标签HTML tr 标签HTML tt 标签HTML track 标签HTML u 标签HTML ul 标签HTML var 标签HTML video 标签HTML wbr 标签

HTML meta 标签

HTML meta 标签

实例

描述 HTML 文档的元数据:

<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Ståle Refsnes">
<meta charset="UTF-8">
</head>


浏览器支持

所有主流浏览器都支持 <meta> 标签。


HTML meta utf8

<Meta https-equiv="Content-Type" Content="text/html; Charset=utf-8">

或者如下HTML5方式:

<meta charset="UTF-8">


HTML meta 跳转

<meta https-equiv="refresh" content="1; url=https://www.5ibc.net">


HTML meta viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

ViewPort <meta>标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。使用 ViewPort <meta>标记还表示文档针对移动设备进行了优化。ViewPort <meta>标记的content值 是由指令及其值组成的以逗号分隔的列表。

例如:

<meta name="viewport" content="width=240,height=320,user-scalable=yes,initial-scale=2.5,maximum-scale=5.0,minimun-scale=1.0">

width 和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字,要么是一个特殊的标记符号。width指令使用device- width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。

user-scalable指令指定用户是否可以缩放视区,即缩放Web页面的视图。值为yes时允许用户进行缩放,值为no时不允许缩放。

initial-scale指令用于设置Web页面的初始缩放比例。默认的初始缩放比例值因智能手机浏览器的不同而有所差异。通常情况下设备会在浏览器中呈现出整个Web页面,设为1.0则将显示未经缩放的Web文档。

maximum-scale和minimum-scale指令用于设置用户对Web页面缩放比例的限制。值的范围为0.25至10.0之间。与initial-scale相同,这些指令的值是应用于视区内容的缩放比例。

所有智能手机浏览器都支持ViewPort <meta>标记的width和user-scalabel指令。但是Opera Mobile不使用user-scalable指令,而是主张用户应始终保留在移动浏览器中缩放Web页面的能力。


标签定义及使用说明

元数据(Metadata)是数据的数据信息。

<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,当时会被浏览器解析。

META元素通常用于指定网页的描述,关键词,的文件的最后修改,作者,和其他元数据。

元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。


提示和注释

注意:<meta> 标签通常位于 <head> 区域内。

注意: 元数据通常以 名称/值 对出现。

注意: 如果没有提供 name 属性,那么名称/值对中的名称会采用 https-equiv 属性的值。


HTML 4.01 与 HTML5之间的差异

HTML5 不支持 scheme 属性。

在 HTML5 中,有一个新的 charset 属性,它使字符集的定义更加容易:

  • HTML 4.01: <meta https-equiv="content-type" content="text/html; charset=UTF-8">

  • HTML5: <meta charset="UTF-8">


HTML 与 XHTML 之间的差异

在 HTML 中 <meta> 标签没有结束标签。

在 XHTML 中 <meta> 标签必须包含结束标签。


实例

实例 1 - 定义文档关键词,用于搜索引擎:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

实例 2 - 定义web页面描述:

<meta name="description" content="Free Web tutorials on HTML and CSS">

实例 3 - 定义页面作者:

<meta name="author" content="Hege Refsnes">

实例 4 - 每30秒刷新页面:

<meta https-equiv="refresh" content="30">


属性

New :HTML5 新属性。

属性描述
charsetNewcharacter_set定义文档的字符编码。
contenttext定义与 https-equiv 或 name 属性相关的元信息。
https-equivcontent-type
default-style
refresh
把 content 属性关联到 HTTP 头部。
nameapplication-name
author
description
generator
keywords
把 content 属性关联到一个名称。
schemeformat/URI HTML5不支持。 定义用于翻译 content 属性值的格式。

把命令大全装进口袋

微信关注