第一节 基本的认识

注释

  • 为阅读者提供帮助

在html中,注释使用格式如下:

1
<!-- 注释类容 -->

HTML的主体部分

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

标准的文档结构

HTML:页面,HTML文档

标准网页声明:

1
<!DOCTYPE html>
  • 告诉浏览器当前文档使用的HTML标准是HTML5,一个页面对多只能有一个。
  • 如果不写文档声明,可能会导致浏览器进入怪异渲染模式。

根元素:

1
<html lang="zh_CN">
  • 一个页面最多只能有一个,并且该元素是其他元素的父元素或者祖先元素,HTML5中没有强制要求书写该元素。

lang属性:language(语言)全局属性,表示该元素的内部的文字是使用哪一种自然语言书写的。(“cmn-hans”中文简体的表达意思,“zn-cn”也可以识别,但是过时了。)

文档头:

1
2
3
<head>

</head>
  • 文档头内部的内容不会显示到页面上
元素的元数据:附加信息
1
<meta>
  • charset:指定网页内容编码
  • UTF-8:是Unicode编码的一个版本(国际通用字符集)
适配到移动端:
1
<meta name="viewport" content="width=device-width, initial-scale=1.0">
告诉浏览器使用的内核是什么:
1
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
网页的标题:
1
 <title>GTLX</title>

文档体:

1
2
3
<body>

</body>
  • 页面上显示的元素都应该放在文档体中

元素

属性

属性=属性名+属性值

属性的分类:

  • 局部属性:某些元素特有的属性
  • 全局属性:所有元素通用的属性
橘子泡酒
Built with Hugo
主题 StackJimmy 设计