目录
1.head标签是什么,包含哪些
描述:<head>标签与<body>标签不同,<head>标签不会在浏览器上显示出来,其作用是保存页面的一些元数据(元数据就是用来描述页面的数据:例如文档的作者,文档描述,文档的编码格式)
1.title
区分<title>和<h1>:<title>我是整个html文档的标题</title> <h1>我来标记页面内容的标题(故事名称、新闻摘要,等等)</h1>
2.meta
<meta charset="utf-8"></meta> :指定了文档的字符编码
*属性:name:指定了 meta 元素的类型;说明该元素包含了什么类型的信息。
content: 指定了实际的元数据内容。
<meta name="author" content="Chris Mills"> :文章的作者
<meta name="description" content="This document records my process of learning html">:文章的描述---->(有助于浏览器中搜索关键字时更快的,更多的关联到你的文档 术语:搜索引擎优化或seo)
3.给站点增加自定义图标(favorites icon)
这些图标出现在浏览器每一个打开的标签页中以及书签页中。
格式有.png .gif .ico (为了兼容,避免不确定问题,建议用.ico)
<link rel="icon" href="路径" type="image/x-icon">
4.引用css
<link rel="stylesheet" href="my-css-file.css">
5.引用js
<script src="my-js-file.js" defer></script> :加上 defer
以告诉浏览器在解析完成 HTML 后再加载 JavaScript。这样可以确保在加载脚本之前浏览器已经解析了所有的 HTML 内容(如果脚本尝试访问某个不存在的元素,浏览器会报错)。实际上还有很多方法可用于处理加载
2.超链接<a>
1.下在链接时使用download属性
使用 download 属性来提供一个默认的保存文件名
2.电子邮件链接
<a href="mailto:Running@HuXu@qq.com">向 Running@HuXu发邮件</a> 还可添加主题(subject)、抄送(cc)和主体(body)详细可查看下方链接
3.高级文本格式
1.上标和下标
立方米:m<sup>3</sup>
二氧化碳化学式:co<sub>2</sub>
2.标记联系方式
<address>
<li>mail:Running@HuXu@qq.com</li>
<li>tel:11211212</li>
</address>
3.标记时间和日期
<time datatime='2022-02-02'>2022年2月2日</time>