html5理解head_动力节点Java学院整理

1）href：指定link元素指向的资源的URL；
 2）hreflang：说明所关联资源使用的语言；
 3）media：说明所关联的内容用于哪种设备，同style中的media属性；
 4）rel：说明文档与所关联资源的关系类型，值的范围如下：
 ---alternate：链接到文档的替代版本，比如另一种语言的译本；
 ---author：链接到文档的作者；
 ---help：连接到当前文档的说明文档；
 ---icon：指定图标资源；
 ---license：链接到当前文档的相关许可证；
 ---pingback：指定一个回探（pingback）服务器，从其他网站链接到博客的时候它能自动得到通知；
 ---prefetch：预先获取一个资源；
 ---stylesheet：载入外部样式表。
 5）sizes：指定图标的大小；
 6）type：指定所关联资源的MIME类型，如text/css、image/x-icon。 

载入外部样式表 

<link rel="stylesheet" type="text/css" href=http://www.jb51.net/html5/"styles.css"/>

可以使用多个link元素载入多个外部资源。
 

为页面定义网站标志 

<link rel="shortcut icon" href=http://www.jb51.net/html5/"favicon.ico" type="image/x-icon" />

浏览器载入HTML页面时，会加载并显示网站标志。 

注：如果网站标志文件位于/favicon.ico（即Web服务器的根目录），那就不必用到link元素，大多数浏览器在载入页面时都会自动请求这个文件，就算没有link元素也是如此。
预先获取资源 

可以要求浏览器预先获取预计很快就要用到的资源。 

<link rel="prefetch" href=http://www.jb51.net/html5/"/page2.html"/>

注：目前不是所有浏览器都支持该功能。 

script元素

用于在页面中加入脚本，可以直接在文档中定义脚本和引用外部文件中的脚本。该元素支持的局部属性如下： 

1）type：表示所引用或定义的脚本的类型，对于JavaScript脚本这个属性可以省略
 2）src：指定外部脚本文件的URL
 3）defer async（HTML5新增）：设定脚本的执行方式，这两个属性只能与src属性一同使用
 4）charset：说明外部脚本文件所用字符编码，该属性只能与src属性一同使用 

定义文档内嵌脚本 

<script> document.write("This is from the script"); </script>

默认情况下，浏览器在页面中一遇到脚本就会执行。 

载入外部脚本库

可以将脚本放到单独的文件中，然后用script元素载入HTML文档。 

<script src=http://www.jb51.net/html5/"simple.js"></script>

推迟脚本的执行

使用async和defer属性可以对脚本的执行方式加以控制，defer属性告诉浏览器要等页面载入和解析完成后才能执行脚本： 

<script defer src=http://www.jb51.net/html5/"simple2.js"></script>

由于html遇到脚本就会执行，如果你的脚本需要使用到html脚本中的内容，通常你需要将脚本放到相应的html脚本后，但在html5中，使用defer属性就能达到同样的目的。 

浏览器遇到script元素时的默认行为是在加载和执行脚本的同时暂停处理页面，各个script元素依次同步执行。async属性可以在浏览器解析HTML文档时异步加载和执行脚本，如果运用得当，可以大大提高整体加载性能。 

<script async src=http://www.jb51.net/html5/"simple2.js"></script>

noscript元素 

noscript元素用来向禁用了JavaScript或浏览器不支持JavaScript的用户显示一些内容。

<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;"/> </noscript>
 

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!