最近,特殊时期不能去学校,在家上网课看视频自学,做点笔记,防止学了就忘(●’◡’●)。
HTML基本格式
HTML文档的基本格式主要包含:
<!DOCTYPE>
文档类型声明,
用于向浏览器说明文档使用哪种(HTML或XHTML)标准规范。<html>
根标记,
HTML5中标记都是成对出现的,<html>
标志着HTML文档的开始,</html>
标志着HTML文档的结束。<head>
头部标记,
紧跟在<html>
后面,用于封装位于其他文档头部的标记,
(1)<title>
标题 ,显示在浏览器的标题栏中
(2)<meta>
提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
属性 | 值 | 描述 |
---|---|---|
content(必需) | some_text | 定义与 http-equiv 或 name 属性相关的元信息 |
http-eqiuv(可选) | content-type expires refresh set-cookie |
把content属性关联到http头部 当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。 |
name(可选) | author description keywords generator revised others |
把content关联到一个名称。例如,“keywords” 是一个经常被用到的名称,它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。 类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助: <meta name="keywords" content="HTML,ASP,PHP,SQL"> |
scheme(可选) | some_text | 定义用于翻译 content 属性值的格式 |
例子:
<!-- 设置字符集 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 设置页面自动刷新与跳转 -->
<meta http-equiv="refresh" content="10;url=http://www.itcast.cn"/>
(3)<link>
链接一个外部样式表,即引用外部文件:
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
常用属性如下表:
属性名 | 常用属性值 | 说明 |
---|---|---|
href | URL | 指定引用外部文档的地址 |
rel | stylesheet | 指定当前文档与引用外部文档的关系, 该属性值通常为stylesheet,表 |