head标签 标签与 标签不同,页面加载完成后,head标签的内容不会在页面中显示出来。
head用途 标签保存一些元数据(meta标签等)
head基本组成
title
head内的title是一项元数据,是HTML 文档的标题(而不是文档内容)。h1是页面内容标题。
元数据(Metadata):元素
元数据就是描述数据的数据。 元素是为一个文档**添加元数据**的元素 。
指定文档字符编码
<meta charset="utf-8">
通用的字符集utf-8包含了任何人类语言中的大部分的字符。 意味着该 web 页面可以显示任意的语言;
文件作者和概要(描述)
这个元素包含name和content:
- name 指定了meta 元素包含的信息类型。
- content 指定了实际的元数据内容。
在你的站点增加自定义图标
在元数据中添加对自定义图标的引用,进一步丰富网站设计
我使用favicon制作 - 在线工具导入图片,制作了一个网页图标
使用格式:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="ico文件路径" type="image/x-icon"/>
注意:
- 修改ico文件路径就好了。
- 第一行一定要加,各个网页都说这东西很简单,但是我搞了半天。最后,才发现少了第一行。
在HTML中应用CSS和JavaScript
样式表文件的路径
<link rel="stylesheet" href="my-css-file.css">
<script src="my-js-file.js"></script>
标签script不是一个空元素。而且没必要放在文档头部;实际上,把它放在文档的尾部
为文档设定主语言
网页语言
<html lang="zh-CN">
文档内小部分
<p>日语实例: <span lang="jp">ご飯が熱い。</span>.</p>
本节网页 下一节:HTML 文本基础
|