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

发布时间：2020-03-15 04:48:09 所属栏目：编程来源：站长网

导读：副问题#e# HTML文档的head部门，凡是包罗指定页面问题，为搜刮引擎提供关于页面自己的信息，加载样式表，以及加载JavaScript文件（出于机能思量，大都时辰放在页面底部/body标签竣事前加载JavaScript）。除了title，head里的内容对页面会见者来说都是不行见

副问题[/!--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元素还能设定链接在用户点击时的打开方法，以及提交表单时赏识器怎样回响。

1）href即为指定的基准URL。

2）target属性划定在那里打开页面上的全部链接，包罗值：

1）_blank：在新窗口中打开被毗连文档；
2）_self：默认，在沟通的框架中打开被链接文档；
3）_parent：在父框架打开被链接文档；
4）_top：在整个窗口中打开被链接文档；
5）framename：在指定框架中打开被链接文档。

meta元素

meta元素用来界说文档的各类元数据，meta元素可以有多种用途，但每个meta元素只能用于一种用途，假如必要行使不止一种，就必要在head元素中添加多个meta元素。

指命名/值元数据对

name属性用来暗示元数据的范例，content属性提供值。name属性包括以下值：

1）application name：当前页所属Web应用体系的名称；
2）author：当前页的作者名；
3）description：当前页的声名；
4）generator：用来天生HTML的软件名称；
5）keywords：描写页面的内容。

除了以上5个预界说的元数据名称，还可以行使元数据扩展，这里（）有这些扩展的一份时常更新的清单。有些扩展用的较量多，譬喻robots元数据，HTML文档的作者可以用它汇报搜刮引擎该怎样看待该文档：

该属性有三个大大都搜刮引擎都熟悉的值：

1）noindex：不要索引本页；
2）noarchive：不要将本页存档或缓存；
3）nofollow：不要顺着本页中的链接继承搜刮下去.

大大都搜刮引擎都提供了优化网页或整个网站的指南，可以查察响应搜刮引擎提供的网页或网站优化指南。

声明字符编码

head元素中的meta元素声明文档的字符编码为UTF-8（默认）。

模仿HTTP标头字段

meta元素可以用来模仿或替代三种HTTP标头字段的值。

http-equiv属性的用途是指定所要模仿的标头字段名称，字段值在content属性中指定。http-equiv属性的可选值如下：

1）refresh：以秒为单元指定一个时距离断，在此时刻已往之后将从处事器从头载入当前页面。也可以另行指定一个URL让赏识器载入，如：

2）default-style：指定页面优先行使的样式表，content属性的值必需是统一文档中某个style元素或link元素的title属性值；

3）content-type：另一种声明HTML页面所用字符编码的要领，如：

style元素

界说HTML文档内嵌的CSS样式。

上面为a元素计划了一个新样式。style元素可以呈此刻HTML文档中的各个部门，一个文档可以包括多个style元素，该元素可以用于为模板界说的样式（link元素导入）提供增补。

可觉得style元素指定样式合用的媒体：

media属性中的screen是装备范例，可选值的范畴包罗：

1）all：将样式用于全部装备（默认值）；
2）aural：将样式用于语音合成器；
3）braille：将样式用于忙问装备；
4）handheld：将样式用于手持装备；
5）projection：将样式用于投影机；
6）print：将样式用于打印预览和打印页面时；
7）screen：将样式用于计较机表现器屏幕；
8）tty：将样式用于电传打字机之类的等宽装备；
9）tv：将样式用于电视机。

media属性中的(min-width:500px)指定特征，包罗：

1）width height：指定赏识器窗口的宽度和高度，单元px，譬喻：width:200px
2）device-width device-height：指定整个装备（而不只仅是赏识器窗口）的宽度和高度，单元px，譬喻：min-device-height:200px
3）resolution：指定装备的像素密度，单元dpi（点/英寸）或dpcm（点/厘米），譬喻：max-resolution:600dpi
4）orientation：指定装备的较长边朝向，可选值为portrait和landscape
5）aspect-ratio device-aspect-ratio：指定赏识器窗口或整个装备的像素宽高比，譬喻：min-aspect-ratio:16/9
6）color monochrome：指定彩色或利害装备上每个像素占用的二进制位数，譬喻：min-monochrome:2
7）color-index：指定装备所能表现的颜色数量，譬喻：max-color-index:256
8）scan：指定电视的扫描模式，包罗值progressive和interlace
9）grid：指定装备的范例，支持的值为0和1（1代表网格型装备，行使牢靠的网格表现内容）

link元素

用来在HTML文档和外部资源（如CSS样式表）之间成立接洽。link元素包括6个局下属性，如下：

（编辑：湖南网）

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

1/3

尾页

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys