HTML元数据<meta>

来源:互联网 发布:手机gps定位软件 编辑:程序博客网 时间:2024/06/06 14:16

转载出自:http://www.w3cschool.cn/html/html-css-meta.html

HTML Base

base元素为相对链接设置基本URL。

相对链接是省略URL的协议,主机和端口部分的链接并且针对一些其他URL(由基本元素或由基本元素指定的URL)进行评估用于加载当前文档的URL。

base元素也指定如何在用户单击链接时打开链接,以及在表单提交后浏览器的行为。

base元素有两个局部属性

  • href
  • target

HTML文档最多只能包含一个基本元素。


<!DOCTYPE html><html><head>    <title></title>    <!-- 设置相对连接的基本URL -->    <base href="http://www.w3cschool.cn/listings/" target="_blank" /></head><body>    <p>This is a test.</p>    <!-- 不是相对路径,不受base url的影响 -->    <a href="http://www.w3cschool.cn">Visit www.w3cschool.cn</a>    <!-- 在当前窗口跳转: http://www.w3cschool.cn/listings/page1.html  -->    <a href="page1.html" target="_parent">Page 1</a>    <!-- 新窗口跳转: http://www.w3cschool.cn/listings/page2.html  -->    <a href="page2.html">Page 2</a></body></html>

HTML http-equiv

元素的最终用途是覆盖HTTP(超文本传输​​协议)头之一的值。

HTTP通常用于在服务器和浏览器之间传输HTML数据。

来自服务器的每个HTTP响应都包含一系列描述内容的标题,您可以使用meta元素来模拟或替换其中的三个头。

以下代码使用meta元素来模拟HTTP标头


<!DOCTYPE html><html><head>    <title></title>    <!--每隔3秒刷新此页面-->    <meta http-equiv="refresh" content="3" />    <!--5秒后跳转到百度-->    <!--<meta http-equiv="refresh" content="5;http://www.baidu.com" />--></head><body></body></html>

以下列出了http-equiv属性的三个允许值。

  • 属性值:refresh
    设置一个周期(以秒为单位),之后,将从服务器重新加载当前页面。您还可以指定要加载的其他URL。 例如: <meta http-equiv="refresh" content="5; http://www.www.w3cschool.cn"/>
  • 属性值:default-style
    设置应该用于此页面的首选样式表。 content属性的值必须与同一文档中的脚本或链接元素上的title属性匹配。
  • 属性值:content-type
    这是一种指定HTML页面的字符编码的替代方法。例如: <meta http-equiv="content-type" content="text/html charset=UTF-8"/>


0 0