前言：万事开头难，路从简单到复杂。水滴可以像冰川一样纯净，也可以像天鹅绒一样聪明，只要它们不染世界的浮华。落红了，不是每个春天都华丽，而是一个又一个春天都可以结束春天。

一、html5的介绍

1.1介绍

超文本标记语言代表了浏览器技术发展的一个阶段。从html版本1到HTML版本5的更新迭代由W3C管理。当时说到html4.1，W3C组织声称不会更新版本。改用XHTML。然而，由于浏览器的不兼容性，W3C和其他浏览器制造商联手再次将该语言更新为html5

比喻：

html5机器人的骨架

css3机器人外部装饰

Js机器人的行为就像走路和抬腿

Jquery封装了控件行为库，可以提高效率

1.2优势

可用性

支持视频和音频

高交互性

支持移动设备

未来趋势

1.3开发工具

HBuild、WebStrom、崇高文本

二、代码规范

2.1代码规范

创建新的网站项目

html5相比html4，语法更简单，规定更宽松。

单个标签不需要写结束符号

双标签省略了结束标签

Html，head，body，colgroup，tbody可以完全省略

删除部分，打开浏览器的check元素功能，不会报错

三、各类标签

3.1文本标签

b标签:表示关键字和产品名称。Bhtml/b其实它的实际作用就是把一个段落加粗。但其重要性并没有特别强调。比如一段文字中出现的一些关键词或者产品名称可以标注为b。

strong标签:stronghtml/strong，表示更重要的文字。它也是粗体的，但它强调了一个更重要的文本

Br单个标签:包装

Wbr标签:安全换行你不知道我有多担心wbr当用户缩放网页时，一些单词可能会被推到下一行。如果不能分隔一个单词，可以使用安全包装标签

我标签:倾斜。Em标签具有相同的语义，但是em意味着强调I tilt标签/i它用于表示外来词汇或科技术语

s标签:删除线。del标签表示强调。Shtml/s删除线

u标记：给文本加下划线。Ins标记表示强调uhtml/u下划线

小标签:添加小字体，使其小一号，并使文本小一号。通常用于免责声明和澄清。

Sub和sup标签:加上标和下标Xsub5/sub和Ysup2/sup(sub和sup长度差不多，这个怎么记？你可以看到B的肚子在下面，所以是下标，P的头在上面，所以记录是上标。那么，是不是感觉清晰了很多？)

q标签:引用其他来源的内容。q朋友远道而来/q

Ruby标签:语言元素。经常用来帮助读者正确发音。ruby RP(/rprt kui/rtrp)/RP/rubyrprt用于帮助读者掌握表意语言的正确发音。比如汉语拼音在单词上面。

Bdo标签:设置文字方向bdo dir='rtl '设置文字方向/bdodbo只能使用属性dir设置，属性dir有两个值：从右向左的rtl和从左向右的ltr。一般默认为ltr。还有一个bdi元素也是在处理方向，可以忽略，因为是特殊的语言效果，一些主流浏览器不支持。

标记标签:突出显示文本标记突出显示黄色背景和黑色单词的文本/标记。语义上，使用与上下文相关且突出的文本进行标记。

一个标签:超链接一个元素是一个带有一些私有属性的文本元素。

a href属性a href=' http://www . Baidu.com ' Baidu/a是必须的，否则a元素会变得没有意义。它的属性值就是点击跳转到指定的外部网站。

目标属性a h