HTML-head元素
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。--> <base href="jpg/"> <base target="_blank" /> <link rel="icon" href="jpg/2.jpg" type="image/x-icon" > <link rel="stylesheet" type="text/css" href="theme.css"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <script> document.write("Hello World!") </script> <!-- <base>: <base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。 <link>: 标签定义文档与外部资源的关系。<link> 标签最常见的用途是链接样式表.link 元素是空元素,它仅包含属性。 此元素只能存在于 head 部分,不过它可出现任何次数。 <link>包含的属性: href:指明外部资源文件的路径,即告诉浏览器外部资源的位置 hreflang:说明外部资源使用的语言 media:说明外部资源用于哪种设备 rel:必填,表明当前文档和外部资源的关系 sizes:指定图标的大小,只对属性rel="icon"生效 type:说明外部资源的MIME类型,如text/css、image/x-icon rel 包含的属性: icon:定义网站或网页在浏览器标题栏中的图标 bookmark:定义文档在收藏夹中显示的书签图标 nofollow:指定文档不被搜索引擎跟踪,即某些页面不被爬虫抓取 <meta>: 元数据(Metadata)是数据的数据信息。<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改时间, 作者及其他元数据。 元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。<meta> 标签通常位于 <head> 区域内。元数据通常以 名称/值 对出现。如果没有提供 name 属性, 那么名称/值对中的名称会采用 http-equiv 属性的值。 <script>: <script> 标签用于定义客户端脚本,比如 JavaScript。 <script> 元素既可包含脚本语句,也可以通过 "src" 属性指向外部脚本文件。 JavaScript 通常用于图像操作、表单验证以及动态内容更改。 <style>: style 属性规定元素的行内样式(inline style)。style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。 <title>: 定义浏览器工具栏中的标题 一个 HTML 文档中不能有一个以上的 <title> 元素。如果您遗漏了 <title> 标签,文档作为 HTML 是无效的。 --> <title>标题</title> </head> <body> <img src="1.jpg" width="300" height="200"> <a href="../first.html">base设置了target="_blank,会在新窗口打开链接,同时路径也被默认到/jpg下</a> </body> </html>
运行效果: