学习html5第一天

HTMl5作为web标准的一种，在2004年诞生，web超文本应用技术工作组WHATWG将它发展起来，W3C由开始的不赞同到与WHATWG共同合作，并在2015年开始推广。并随着浏览器的不断支持和兼容，HTML5正在不断的成长。

HTML5相比HTML4来说，新增了像canvas,video,audio,article等元素，input元素的type属性新增了color、tel、search等，同时，也停用了很多可以通过CSS来实现的元素，例如font、center、u、big等等。

书中通过一个2022年的虚拟博客页面向我们展示了HTML5使用了新的结构元素：<header></header>页眉，同时<h1-6></h1-6>被包含在<hgrouop></hgroup>里；<article></article>正文，<footer></footer>页脚，<sidebar></sidebar>侧边栏，<nav></nav>导航区块，<section></section>独立表格，并且使用了CSS3来实现圆角边框和细微阴影。文中还提到使用了一种大纲算法来快速的进行检查结构的工作，和使用figure元素和figcaption元素在组织独立图片时相比使用span和div布局方便简洁许多，使用ruby元素来为中文或日文作出简短的读音注释。使用mark元素来高亮标记一段文字，使用wbr元素来为长单词实现自动折行。

HTMl5还为表单进行了很多的改进，强化了input元素，新增了很多type属性：tel和search，以便输入电话号码和创建相应平台的搜索界面；URL和email，以便浏览器检查格式是否正确；使用datetime、date、month、week、time、datetime-local表示日期和时间；number和range，来更方便的输入数字；color，提供一个包括常用颜色的矩形选择界面或拾色器。还为input增加了一些新属性，list，定义datalist元素的选项；min、max、step，定义数值栏或日期栏的最小值、最大值和数字间隔；multiple，多项选择；autocomplete，自动完成，记忆用户在曾访问网站上所输入的内容；pattern，提供正则表达式验证有效性。同时还为表单元素新增了一些属性：autofocus，自动获取焦点，一个页面，只有一个元素能够使用autofocus属性；placeholder，占位符，在文本框中显示提示文字，当焦点激活，提示文字消失；required，定义必填项。