标签:post 就会 size dex alternate round not 样式表 apr
以下是HTML文档head部分的一个样例:
<head> <meta charset="utf-8" /> <meta name="author" content="Adam Freeman"/> <title>Your page title</title> <base href="http://titan/listings/" target="_blank"/> <style type="text/css"> a{ background-color: grey; color: white; padding: 0.5em; } </style> </head>
base元素还能设定链接在用户点击时的打开方式,以及提交表单时浏览器怎样反应。
<base href="http://titan/listings/" target="_blank"/>1)href即为指定的基准URL。
<meta name="author" content="Adam Freeman"/>name属性用来表示元数据的类型,content属性提供值。name属性包含以下值:
除了以上5个提前定义的元数据名称。还能够使用元数据扩展,这里(http://wiki.whatwg.org/wiki/MetaExtensions)有这些扩展的一份时常更新的清单。有些扩展用的比較多,比如robots元数据。HTML文档的作者能够用它告诉搜索引擎该怎样对待该文档:
<meta name="robots" content="noindex"/>该属性有三个大多数搜索引擎都认识的值:
大多数搜索引擎都提供了优化网页或整个站点的指南,能够查看对应搜索引擎提供的网页或站点优化指南。
<meta charset="utf-8" />head元素中的meta元素声明文档的字符编码为UTF-8(默认)。
<meta http-equiv="refresh" content="5"/>http-equiv属性的用途是指定所要模拟的标头字段名称,字段值在content属性中指定。
http-equiv属性的可选值例如以下:
1)refresh:以秒为单位指定一个时间间隔,在此时间过去之后将从server又一次加载当前页面。也能够另行指定一个URL让浏览器加载,如:
<meta http-equiv="refresh" content="5;http://www.apress.com"/>2)default-style:指定页面优先使用的样式表。content属性的值必须是同一文档中某个style元素或link元素的title属性值;
<meta http-equiv="content-type" content="text/html charset=UTF-8"/>
<style type="text/css"> a{ background-color: grey; color: white; padding: 0.5em; } </style>上面为a元素设计了一个新样式。style元素能够出如今HTML文档中的各个部分。一个文档能够包含多个style元素。该元素能够用于为模板定义的样式(link元素导入)提供补充。
<style media="screen AND (min-width:500px)" type="text/css"> ...... </style>media属性中的screen是设备类型,可选值的范围包含:
<link rel="stylesheet" type="text/css" href="styles.css"/>能够使用多个link元素加载多个外部资源。
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />浏览器加载HTML页面时,会加载并显示站点标志。
注:假设站点标志文件位于/favicon.ico(即Webserver的根文件夹)。那就不必用到link元素,大多数浏览器在加载页面时都会自己主动请求这个文件,就算没有link元素也是如此。
<link rel="prefetch" href="/page2.html"/>注:眼下不是全部浏览器都支持该功能。
该元素支持的局部属性例如以下:
1)type:表示所引用或定义的脚本的类型,对于JavaScript脚本这个属性能够省略
2)src:指定外部脚本文件的URL
3)defer async(HTML5新增):设定脚本的运行方式,这两个属性仅仅能与src属性一同使用
4)charset:说明外部脚本文件所用字符编码,该属性仅仅能与src属性一同使用
<script> document.write("This is from the script"); </script>默认情况下。浏览器在页面中一遇到脚本就会运行。
<script src="simple.js"></script>
<script defer src="simple2.js"></script>因为html遇到脚本就会运行,假设你的脚本须要使用到html脚本中的内容,通常你须要将脚本放到对应的html脚本后。但在html5中,使用defer属性就能达到相同的目的。
浏览器遇到script元素时的默认行为是在加载和运行脚本的同一时候暂停处理页面。各个script元素依次同步运行。async属性能够在浏览器解析HTML文档时异步加载和运行脚本。假设运用得当,能够大大提高总体加载性能。
<script async src="simple2.js"></script>
<noscript> <h1>JavaScript is required!</h1> <p>You cannot use this page without JavaScript</p> </noscript>还有一种选择是在浏览器不支持JavaScript时将其引至还有一个URL。
<noscript> <meta http-equiv="refresh" content="0;http://www.apress.com"/> </noscript>
标签:post 就会 size dex alternate round not 样式表 apr
原文地址:http://www.cnblogs.com/yfceshi/p/7141223.html