HTML学习笔记(一)_下面html结构正确的是-CSDN博客

本文链接：https://blog.csdn.net/nupt_zhangtao/article/details/77888009

去年开始就一直想了解一些web方面的知识，通过一套视频大概了解了一下HTML和css，视频看完了，但是没有多少时间做一个实际的项目，为了避免忘记，在这里逐渐做一些学习笔记.
在前端开发中,推崇的结构和样式的分离, html正是用来描述网页结构的.

HTML概念

HTML是HyperText Markup Language的缩写, 超文本标记语言, 是用来描述网页的一种语言
- HTML不是一种编程语言，而是一种标记语言
- 标记语言是一种标记标签(markup tag)
- HTML采用标记标签来描述网页

HTML的作用

HTML 只有一个作用, 它是专门用来描述文本的语义的

HTML标签

用来描述其他文本语义的文本, 我们称之为标签, 标签是由尖括号包围的关键字 , 比如<html>
- 标签是不会在浏览器中显示出来的
- 标签通常是成对出现的,比如 <p></p>
- 标签对中的第一个标签是开始标签, 第二个是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
- HTML标签对大小写不敏感, 万维网联盟(W3C)在HTML4中推荐使用小写,而在未来(X)HTML版本中强制使用小写

HTML标签的分类

单标签
只有开始标签没有结束标签, 也就是由一个<>组成的,如:<meta charset="UTF-8" /> <br />
双标签
有开始标签和结束标签, 也就是由一个<>和一个</>组成的,如:<html> </html>

DTD文档声明

HTML有很多个版本的规范, 每个版本的规范之间又有一定的差异. DTD文档声明正是用来告诉浏览器当前网页所使用的HTML规范的版本, 好让浏览器能够正确的编译/解析/渲染该网页

格式

<!DOCTYPE html>

注意事项

必须是HTML文档的第一行,位于<html> 标签之前
<!DOCTYPE html>不是HTML标签
<!DOCTYPE> 声明没有结束标签
<!DOCTYPE> 声明对大小写不敏感
这个声明浏览器会看, 但是并不是完全依赖于这个声明, 浏览器有一套自己的默认的处理机制

常见的DOCTYPE有如下几种

HTML4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML5: 
<!DOCTYPE html>

网页基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

html标签: 说明这是一个html文档,包含在<html></html>中的文本用来描述网页, 其他所有标签都包含在html标签中
head标签: 用于给网页添加一些配置信息, 如:指定网站的标题/小图片,添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息), 外挂一些外部的css/js文件, 添加一些浏览器适配相关的内容
title标签: 指定网页的标题,必须写在head标签里面
meta标签: 指定网页所用的字符集
body标签: body标签之间的文本是可见的页面内容, 一对html标签中只能有一对body标签