HTML基础标签
一个最基本的html模板:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
标签名 | 定义 | 说明 |
---|---|---|
<html></html> | HTML标签 | 页面中最大的标签,也就是根标签 |
<head></head> | 文档的头部 | 注意在head标签中必须要设置的标签是title |
<titile></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
<body></body> | 文档的主体 | 元素包含文档的所有内容,页面内容 基本都是放到body里面的 |
< !DOCTYPE>声明
<!DOCTYPE>
声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本
<!DOCTYPE>
声明位于文档中的最前面的位置,处于 < html> 标签之前,声明告知浏览器的解析器用什么文档标准解析这个文档(标准模式)。 若声明错误或未声明会导致文档以兼容模式/混杂模式呈现。
<!DOCTYPE>
标签没有结束标签。<!DOCTYPE> 声明不区分大小写。总是先给 HTML 文档添加< !DOCTYPE>
声明,确保浏览器能够预先知道文档类型
- 要是使用HTML4.01,还需要引用DTD(文档类型声明)
但目前基本都使用HTML5 , HTML5标准只需<!DOCTYPE html>
< html lang=“en”>指定html语言种类
- 声明当前网页语言类型为英文。
- lang表示“language”,语言的意思,而“en”即表示english
想搜索引擎识别为中文可以把"en"改成"zn"或"zn-CN"
< head >头部元素容器
< head> 标签是所有头部元素的容器
< head> 标签必须包含文档的标题(title),还有着脚本(script)、样式(style)、meta 信息 以及其他更多的信息。
< title>标题
< title> 标签定义文档的标题,在所有 HTML 文档中是必需的。
- 定义浏览器工具栏中的标题
- 提供页面被添加到收藏夹时的标题
< style>样式
< style> 标签定义 HTML 文档的样式信息
-
在 < style> 元素中,您可以规定在浏览器中如何呈现 HTML 文档。
-
每个 HTML 文档能包含多个 < style> 标签。
-
如果没有使用 “scoped” 属性,则每一个 < style> 标签必须位于 head 头部区域。
< base>指向地址/属性
< base> 标签是使用来为页面中的所有相对链接指定默认地址(目录)或默认属性(target属性)
- 可规定页面中所有链接的基准 URL
- 通常是用在那些有深度嵌套目录的页面
- < base>标签是针对所有的< a>标签起作用,
如< base>标签和< a>标签都有target属性,那么遵循就近原则,最终效果取决于< a>标签中的属性 - 在一个文档中,最多只能使用一个 < base> 元素
- < base> 标签必须位于 < head> 标签内部。
如果使用了 < base> 标签,则必须具备 href 属性或者 target 属性或者两个属性都具备。