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

2020-04-21 07:46:45易采站长站整理

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

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

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


<link rel="prefetch" href="/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="simple.js"></script>

推迟脚本的执行

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


<script defer src="simple2.js"></script>

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

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


<script async src="simple2.js"></script>

noscript元素 

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


<noscript>
<h1>JavaScript is required!</h1>
<p>You cannot use this page without JavaScript</p>