HTML概述

时间:2019-11-13 阿桥_Qiao 人气:1

HTML概述

HTML介绍

HTML全称HyperText Mackeup Language，他是网页超文本标记语言，也是全球广域网上描述网页内容外观的标准。

从1993到2019年，html发展总共16个年头，语言的版本也在不断的更新迭代。

那么，在1999年12月份，w3c推荐了此标准，此时html4.01版本诞生。这个版本一直维持了15个年头，在2014年10月份，w3c推荐了HTML5的标准。

html5的诞生更加让我们更加适宜时代要求。在HTML5中视频、音频、图像、动画都会标准化，会解决浏览器兼容这个令人头疼的问题。

HTML结构

首先，来看一段代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

这是一段VScode中新建HTML文件自动生成的整体结构代码

文档声明头

准确的说，<!DOCTYPE html>，它并不是 HTML 标签，它是指明了该页面使用哪个 HTML 版本进行编译。

html4.01版本文档声明头


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

html5版本文档声明头

<!DOCTYPE html>

随着html的发展，w3c在定义文档声明头的时候更加的简洁。另外，DTD(Document Type Definition)规定了标记语言的规则，这样浏览器才能正确地呈现内容。

文档就是一个html页面

每一个页面中的结构，都会有一个最外层的标签，它表示文档内容的开始。

html标签

html标签包含两部分：头部声明<head>和内容部分<body>

如果把网页比作洋葱，一层包一层，那<html>标签就是洋葱最外层的皮，<html>元素是一张网页的根标签，所以其他所有元素都是是此元素的后代。

head标签

把一个网页比作一个人的话，那么head标签就是这个人的基本信息，虽然这个没法直接观察到，但这些内容确实存在，并且是在网页中必不可少的。head用于表示网页的中的一个基础的信息(元信息)

body标签

把一个网页比作一个人的话，那么body标签就是这个人的身体，肤色，痔疮。它里面的内容是看得见摸得着的。对于人的性格，意淫的想法，性取向等body是管不着的。那么body标签包含页面中所有的可见元素，比如网页中的文本的展示内容，漂亮meinv ，动听的音乐，炫酷的电影等都属于body所管。

HTML不区分大小写，也就是说<head>和<HEAD>都可以，但是所有的标签尽量都小写，因为小写相对比大写来说，它更易于阅读。

HTML注释

html中的注释

注释开始为

<!--这是注释-->

注释快捷键：windows上ctrl+/ , mac上command+/

加载全部内容