转载出自:http://www.w3cschool.cn/html/html-css-meta.html
base元素为相对链接设置基本URL。
相对链接是省略URL的协议,主机和端口部分的链接并且针对一些其他URL(由基本元素或由基本元素指定的URL)进行评估用于加载当前文档的URL。
base元素也指定如何在用户单击链接时打开链接,以及在表单提交后浏览器的行为。
base元素有两个局部属性
hreftargetHTML文档最多只能包含一个基本元素。
<!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>
元素的最终用途是覆盖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"/>