HTML <!--...--> 注释标签HTML <!DOCTYPE> 声明HTML <a> 标签HTML <abbr> 标签HTML <address> 标签HTML <area> 标签HTML <article> 标签HTML <aside> 标签HTML <audio> 标签HTML <b> 标签HTML <base> 标签HTML <bdi> 标签HTML <bdo> 标签HTML <blockquote> 标签HTML <body> 标签HTML <br/> 标签HTML <button> 标签HTML <canvas> 标签HTML <caption> 标签HTML <cite> 标签HTML <code> 标签HTML <col> 标签HTML <colgroup> 标签HTML <command> 标签HTML <datalist> 标签HTML <dd> 标签HTML <del> 标签HTML <details> 标签HTML <dfn> 标签HTML <dialog> 标签HTML <div> 标签HTML <dl> 标签HTML <dt> 标签HTML <em> 标签HTML <embed> 标签HTML <fieldset> 标签HTML <figcaption> 标签HTML <figure> 标签HTML <font> 标签HTML <footer> 标签HTML <form> 标签HTML <head> 标签HTML <header> 标签HTML5 <hgroup>标签HTML <h1> - <h6> 标签HTML <html> 标签HTML <hr> 标签HTML <i> 标签HTML <iframe> 标签HTML <img> 标签HTML <input> 标签HTML <ins> 标签HTML <kbd> 标签HTML <keygen> 标签HTML <label> 标签HTML <legend> 标签HTML <li> 标签HTML <link> 标签HTML <map> 标签HTML5 <mark> 标签HTML <menu> 标签HTML <meta> 标签HTML <meter> 标签HTML <nav> 标签HTML <noscript> 标签HTML <object> 标签HTML <ol> 标签HTML <optgroup> 标签HTML <option> 标签HTML <output> 标签HTML <p> 标签HTML <param> 标签HTML <pre> 标签HTML <progress> 标签HTML <q> 标签HTML <rp> 标签HTML <rt> 标签HTML <ruby> 标签HTML <s> 标签HTML <samp> 标签HTML <script> 标签HTML <section> 标签HTML <select> 标签HTML <small> 标签HTML <source> 标签HTML <span> 标签HTML <strike> 标签HTML <strong> 标签HTML <style> 标签HTML <sub> 标签HTML <summary> 标签HTML <sup> 标签HTML <table> 标签HTML <tbody> 标签HTML <td> 标签HTML <textarea> 标签HTML <tfoot> 标签HTML <th> 标签HTML <thead> 标签HTML <time> 标签HTML <title> 标签HTML <tr> 标签HTML <track> 标签HTML <tt> 标签HTML <u> 标签HTML <ul> 标签HTML <var> 标签HTML <video> 标签HTML <wbr> 标签

HTML <meta> 标签

html <meta> 元数据(Metadata)是数据的数据信息

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

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

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

<meta> 标签通常位于 <head> 区域内

元数据通常以 名称/值 对出现

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


属性

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

范例

描述 HTML 文档的元数据

<!DOCTYPE html>
<meta charset="utf-8"> 
<title>简单教程,简单编程</title> 
<meta name="description" content="简单教程,简单编程">
<meta name="keywords" content="HTML,css,XML,JavaScript">
<meta name="author" content="简单教程">


范例

范例 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 http-equiv="refresh" content="30">


HTML 4.01 与 HTML5 之间的差异

HTML5 不支持 scheme 属性

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

HTML 4.01

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML5

<meta charset="UTF-8">


HTML 与 XHTML 之间的差异

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

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

链接: https://fly63.com/course/3_132