Html标签教程

HTML <!DOCTYPE> 声明HTML <!--...--> 注释标签HTML <bdi> 标签HTML <base> 标签HTML <b> 标签HTML <audio> 标签HTML <article> 标签HTML <aside> 标签HTML <area> 标签HTML <address> 标签HTML <abbr> 标签HTML <a> 标签HTML <cite> 标签HTML <canvas> 标签HTML <caption> 标签HTML <button> 标签HTML <br/> 标签HTML <body> 标签HTML <blockquote> 标签HTML <bdo> 标签HTML <command> 标签HTML <colgroup> 标签HTML <code> 标签HTML <col> 标签HTML <del> 标签HTML <details> 标签HTML <dd> 标签HTML <datalist> 标签HTML <em> 标签HTML <dt> 标签HTML <dl> 标签HTML <div> 标签HTML <dialog> 标签HTML <dfn> 标签HTML <header> 标签HTML <form> 标签HTML <head> 标签HTML <footer> 标签HTML <font> 标签HTML <figure> 标签HTML <figcaption> 标签HTML <embed> 标签HTML <fieldset> 标签HTML <kbd> 标签HTML <ins> 标签HTML <img> 标签HTML <input> 标签HTML <i> 标签HTML <hr> 标签HTML <html> 标签HTML <h1> - <h6> 标签HTML5 <hgroup>标签HTML <map> 标签HTML <link> 标签HTML <li> 标签HTML <label> 标签HTML <legend> 标签HTML <keygen> 标签HTML <object> 标签HTML <noscript> 标签HTML <meter> 标签HTML <nav> 标签HTML <meta> 标签HTML <menu> 标签HTML5 <mark> 标签HTML <option> 标签HTML <output> 标签HTML <optgroup> 标签HTML <ol> 标签HTML <rp> 标签HTML <rt> 标签HTML <q> 标签HTML <progress> 标签HTML <pre> 标签HTML <param> 标签HTML <p> 标签HTML <script> 标签HTML <samp> 标签HTML <s> 标签HTML <ruby> 标签HTML <style> 标签HTML <strong> 标签HTML <strike> 标签HTML <span> 标签HTML <source> 标签HTML <small> 标签HTML <select> 标签HTML <section> 标签HTML <tfoot> 标签HTML <th> 标签HTML <textarea> 标签HTML <td> 标签HTML <tbody> 标签HTML <table> 标签HTML <sup> 标签HTML <sub> 标签HTML <summary> 标签HTML <video> 标签HTML <var> 标签HTML <ul> 标签HTML <u> 标签HTML <tt> 标签HTML <track> 标签HTML <tr> 标签HTML <title> 标签HTML <time> 标签HTML <thead> 标签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>前端之家 f2er.com</title> 
<Meta name="description" content="前端之家 f2er.com,丰富的前端教程资源,学前端开发上前端之家。">
<Meta name="keywords" content="HTML,css,XML,JavaScript">
<Meta name="author" content="前端之家">

范例

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

<Meta name="keywords" content="HTML,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> 标签必须包含结束标签

返回顶部