加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

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

发布时间:2020-03-15 04:48:09 所属栏目:编程 来源:站长网
导读:副问题#e# HTML文档的head部门,凡是包罗指定页面问题,为搜刮引擎提供关于页面自己的信息,加载样式表,以及加载JavaScript文件(出于机能思量,大都时辰放在页面底部/body标签竣事前加载JavaScript)。除了title,head里的内容对页面会见者来说都是不行见

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>
 

(编辑:湖南网)

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

热点阅读