HTML5简介

什么是HTML：

• HTML(Hyper Text Markup Language)超文本标记语言，使用各种的标签描述内容。

什么是超文本：

1. 超文本比纯文本更丰富，更强大。
2. 超文本可以包含颜色，字体大小等样式。
3. 超文本可以包含列表项，段落，表格，表单等高级结构。
4. 超文本可以包含图片，视频，音频。
5. 超文本可以包含链接相互跳转。
6. 超文本可以描述自身。
   以上内容通过标签实现

什么是HTML5:

• 广义HTML5：伴随HTML5一同成为标准的WEB前端开发技术的统称。

html5：

•    - 本地储存
•    - 定位
•    - WebSocket (是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议)
•    - 音频，视频
•    - Canvas画布
•    - 数据库
•    - 多线程
•    - 语义化
•    - 触控手势

css3：

•    - 多列布局
•    - 边框圆角
•    - 背景渐变
•    - 阴影
•    - 动画效果

• 狭义html5：html标记语言的最新版(第5版)，已经是正式标准了。

•    添加了语义化标签
•    添加了音频和视频
•    Canvas 2D/3D标签称为正式标准

浏览器的工作原理：

• 一个网页的本质是一个html文件，html文件本身是为纯文本文件，当我们使用开发工具(文本编辑器)打开一个html文件时，看到的是页面的源代码，而是用浏览器打开html文件时，浏览器会对html文本进行解析，将解析后的页面显示在浏览器窗口中。

HTML的基本用法;

 

html标签分为两种：单标签，双标签。

• 单标签写法:<标签名 />  例如：<br/>
• 双标签写法:<头标签></尾标签> ；例如：<div> </div>

一个html标签分为3部分：标签名，html属性，内容。

• 例如：< XXX yyy="zzz" >aaa< /XXX>
• 其中XXX代表标签名，yyy代表html属性，zzz代表属性值，aaa代表标签内容。
• 一个标签可以有多个html属性，多个属性之间以空格隔开，属性值使用双引号包括，html属性可以只有属性，没有属性值。
• 开始标签和结束标签之间的文本是标签的内容，单标签没有内容。