html5领略head_动力节点Java学院清算
副问题[/!--empirenews.page--]
HTML文档的head部门,凡是包罗指定页面问题,为搜刮引擎提供关于页面自己的信息,加载样式表,以及加载JavaScript文件(出于机能思量,大都时辰放在页面底部</body>标签竣事前加载JavaScript)。除了title,head里的内容对页面会见者来说都是不行见的. 下面是HTML文档head部门的一个例子: <head> <meta charset="utf-8" /> <meta name="author" content="Adam Freeman"/> <title>Your page title</title> <base href=http://www.jb51.net/html5/"http:/titan/listings/" target="_blank"/> <style type="text/css"> a{ background-color: grey; color: white; padding: 0.5em; } </style> </head> title元素 head元素中必需包括一个title元素,该元素内容会呈此刻赏识器的标签页中可能呈此刻赏识器窗口的顶部,作为网页问题,和赏识器相干。 base元素 base元素用来配置一个基准URL,让HTML文档中的相对链接在此基本长举办理会。如未指定,则行使当前加载文档的URL。base元素还能设定链接在用户点击时的打开方法,以及提交表单时赏识器怎样回响。 <base href=http://www.jb51.net/html5/"http:/bjpowernode/listings/" target="_blank"/> 1)href即为指定的基准URL。 2)target属性划定在那里打开页面上的全部链接,包罗值: 1)_blank:在新窗口中打开被毗连文档; meta元素 meta元素用来界说文档的各类元数据,meta元素可以有多种用途,但每个meta元素只能用于一种用途,假如必要行使不止一种,就必要在head元素中添加多个meta元素。 指命名/值元数据对 <meta name="author" content="Adam Freeman"/> name属性用来暗示元数据的范例,content属性提供值。name属性包括以下值: 1)application name:当前页所属Web应用体系的名称; 除了以上5个预界说的元数据名称,还可以行使元数据扩展,这里()有这些扩展的一份时常更新的清单。有些扩展用的较量多,譬喻robots元数据,HTML文档的作者可以用它汇报搜刮引擎该怎样看待该文档: <meta name="robots" content="noindex"/> 该属性有三个大大都搜刮引擎都熟悉的值: 1)noindex:不要索引本页; 大大都搜刮引擎都提供了优化网页或整个网站的指南,可以查察响应搜刮引擎提供的网页或网站优化指南。 声明字符编码 <meta charset="utf-8" /> head元素中的meta元素声明文档的字符编码为UTF-8(默认)。 模仿HTTP标头字段 meta元素可以用来模仿或替代三种HTTP标头字段的值。 <meta http-equiv="refresh" content="5"/> http-equiv属性的用途是指定所要模仿的标头字段名称,字段值在content属性中指定。http-equiv属性的可选值如下: 1)refresh:以秒为单元指定一个时距离断,在此时刻已往之后将从处事器从头载入当前页面。也可以另行指定一个URL让赏识器载入,如: <meta http-equiv="refresh" content="5;"/> 2)default-style:指定页面优先行使的样式表,content属性的值必需是统一文档中某个style元素或link元素的title属性值; 3)content-type:另一种声明HTML页面所用字符编码的要领,如: <meta http-equiv="content-type" content="text/html charset=UTF-8"/> style元素 界说HTML文档内嵌的CSS样式。 <style type="text/css"> a{ background-color: grey; color: white; padding: 0.5em; } </style> 上面为a元素计划了一个新样式。style元素可以呈此刻HTML文档中的各个部门,一个文档可以包括多个style元素,该元素可以用于为模板界说的样式(link元素导入)提供增补。 可觉得style元素指定样式合用的媒体: <style media="screen AND (min-width:500px)" type="text/css"> ...... </style> media属性中的screen是装备范例,可选值的范畴包罗: 1)all:将样式用于全部装备(默认值); media属性中的(min-width:500px)指定特征,包罗: 1)width height:指定赏识器窗口的宽度和高度,单元px,譬喻:width:200px link元素 用来在HTML文档和外部资源(如CSS样式表)之间成立接洽。link元素包括6个局下属性,如下: (编辑:湖南网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |