<!DOCTYPE html>
文档声明 不属于HTML部分
作用: 浏览器解析HTML的版本
<html lang="en">
html -- 告诉浏览器以下部分都是html文件
<head>
head 当前html文件的头部
用来放置一些要预加载的文件和内容
浏览器的读取机制:从上到下
<meta charset="UTF-8">
规定整个文件的编码 并且需要放在title的前面
常用的文件编码
UTF-8
UTF-16
国际通用编码
GB2312
GBK
国标
文件的编码:可以保证服务器和客户端展示内容一致,不出现乱码
<title>html文件的标题</title>
显示在浏览器的页卡部分,不显示在内容窗口部分
<meta name = "keywords" context = ", , , , "
keywords 关键字
context 内容 (很多关键字,每一个关键字用逗号隔开)
<meta name="description" context = "">
description 对于整个网站或者当前页面描述,是一段文字
context 描述文字
<link rel = "stylesheet" href = "url">
引入CSS文件
href是个缩写
因为先加载CSS文件再加载html结构,会给用户呈现一个完整漂亮的页面
<link rel = "icon" href = "url" type = "image/icon">
显示在浏览器的页卡中,在title文字之前,一般是这个网站的logo
</head>
head标签中的内容不会直接在浏览器的窗口显示,不会因为head标签具有隐藏的性质,而是一般我们选择放置在head标签中的内容是不会显示的
<body>
body中的内容才会在浏览器的窗口中显示
body中包含标签和主要内容
head中的内容是给浏览器和用户看得
body中的内容主要是给用户看得
</body>
</html>
HTML基本结构
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 弹窗拖拽 模拟垂直滚动条 红色盒子高度计算公式: 容器的高度 / 内容的高度 * 容器的高度 红色方块移动一像素 ...