1.<!doctype>的定义
<!doctype>声明必须位于HTML5文档中的第一行，也就是位于<html>标签之前。该标签告知浏览器文档所使用的HTML规范。
（1）doctype声明不属于HTML标签；它是一条指令，告诉浏览器编写页面所用的标记的版本。
（2）在所有HTML文档中，规定doctype是非常重要的，这样浏览器就能了解预期的文档类型。
（3）HTML 4.01中的doctype需要对DTD进行引用，因为HTML 4.01基于SGML。而HTML 5不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们的方式来运行）。
2.<!doctype>的用法
代码案例：
在Sublime和WebStorm中可以使用快捷键快速创建文档主体结构，详见附录A。
3.注意
<!doctype>对大小写不敏感，而且它没有结束标签。
4.定义文档信息的元标签
<meta>位于头部中，它用于提供页面的元信息，用来描述网页的关键词、网页更新的频度，同时也可以为搜索引擎的搜索提供便利。它的属性还定义了与文档相关联的名称/值对元数据总是以名称/值的形式被成对传递的）。
5.meta的属性
（1）contesnt属性
content属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content属性始终要和name属性或http-equiv属性一起使用。
（2）http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前，先在要传送给浏览器的MIME文档头部包含名称/值对。
当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接收一个HTML文档。
使用带有http-equiv属性的<meta>标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如添加：
这样发送到浏览器的头部就应该包含：
content-type: text/html
charset:iso-8859-1(www.chuimin.cn)
expires:31 Dec 2008
当然，只有当浏览器可以接收这些附加的头部字段，并能以适当的方式使用它们时，这些字段才有意义。
（3）name属性
name属性提供了名称/值对中的名称。HTML和XHTML标签都没有指定任何预先定义的<meta>名称。通常情况下，用户可以自由使用对自己和源文档的读者来说富有意义的名称。
例如"keywords”是一个经常被用到的名称。它为文档定义了一组关键字，某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。
类似的meta标签可能对于进入搜索引擎的索引有帮助：
如果没有提供name属性，那么名称/值对中的名称会采用http-equiv属性的值
4）charset属性：提供编码方式
UTF-8（8-bit Unicode Transformation Format）是一种针对Unicode的可变长度字符编码，也是一种前缀码，又称万国码。它可以用来表示Unicode标准中的任何字符，因此，它逐渐成为电子邮件、网页及其他存储或传送文字的应用中，优先采用的编码。
GB-2312是计算机可以识别的编码，适用于汉字处理、汉字通信等系统之间的信息交换，它共收入汉字6763个和非汉字图形字符682个。
GBK是GB2312的扩展版本。
（5）适用于移动端的meta标签
其中meta的参数说明如下：
name="viewport"：表示网页窗口。
content属性中的值可以有以下几种情况：
width：控制viewport的宽度，可以指定一个具体的值，用于移动端时赋值为device-width，表示它将与设备一样宽。
height：控制viewport的高度，与width使用方式一样。
initial-scale：初始缩放比例，页面第一次加载时的比例。
maximum-scale：最大缩放比例，取值范围为0～10.0。
minimum-scale：最小缩放比例，取值范围为0～10.0。
user-scalable：是否允许用户手动缩放。当值为yes或true时，表示可以缩放；当值为no或false时，表示不能缩放。
viewport用来重新设置设备的分辨率，让网页在设备上都正好满屏显示。
有关HTML5实战宝典的文章
1995年11月，IETF发布了HTML 2.0，它是HTML最早的规范。1996年的1月，W3C 推出 HTML3.2。在之后三年的时间内，W3C 对HTML做了很多改进，并相继发布了几个版本。与此同时，W3C还在继续研究XHTML。2006年，W3C选择开发HTML5，自己成立了HTML5的工作组，它在WHATWG研发的HTML5 的基础上研究。2008年，W3C发布了 HTML5的草案，这是HTML5的最初版本。2013年，大部分的手机都开始支持HTML5的应用。终于，经过8年的艰辛研究后，在2014年10月29日，W3C宣布HTML5的标准规范制定完成。......
2023-10-28
基于Flash，Adobe Flash通过自己的Socket完成数据交换，再利用Flash暴露出相应的接口为JavaScript调用，从而达到实时传输目的。在此背景下，基于HTML5规范的，有Web TCP之称的WebSocket应运而生。直到2014年，HTML5正式从草案落实为实际标准规范，各个应用服务器及浏览器厂商逐步开始统一，在JavaEE 7中也实现了WebSocket协议，从而无论是客户端还是服务端的WebSocket都已完备，读者可以查阅HTML5规范，熟悉新的HTML协议规范及WebSocket支持。......
2023-10-28
本章重点知识4.1 File API4.2 HTML5拖拽事件4.3 dataTransfer对象4.4 利用拖拽效果完成上传功能对文件的处理和上传等操作一直是Web开发中的一项重要环节,比如在填写个人信息时的头像上传，或者是邮件的上传等。拖拽的文件也可以由File对象接收到，也就是说，我们现在可以直接通过HTML5实现拖拽文件上传功能了！......
2023-10-28
Canvas给我们提供了绘制文字的方法。该属性的用法与CSSfont属性使用方式相同，例如：font属性的默认值如表7-9所示。通常，文本会从指定位置开始，不过，如果您设置为textAlign="right"并将文本放置到位置150，那么会在位置150结束。表7-10表7-11图7-24演示了textAlign属性值对齐方式。图7-24textBaseline属性设置或返回在绘制文本时的当前文本基线。表7-13strokeText()方法在画布上绘制文本。文本的默认颜色是黑色。表7-14代码清单：绘制文本效果如图7-26所示。......
2023-10-28
Canvas在HTML5中是一个非常强大的元素，接下来，我们开始去学习它。要使用Canvas来绘制图形必须在页面中添加Canvas的标签。而在样式表中修改Canvas标签宽高属性则是对它的内容进行缩放,如果比例与Canvas本身比例不一致会导致图像的扭曲。如果出现扭曲可以通过调整Canvas标签属性width、height来确保比例一致。使用Canvas画布请使用一个代码编辑器，新建一个HTML5的基本文档。我们需要在
标签中放置一个Canvas元素。代码清单：HTML中添加Canvas标签如果浏览器支持，效果如图7-1所示。......2023-10-28
接下来，我们来认识一些新增type属性：1.email输入类型说明：此类型要求键入格式正确的Email地址，否则浏览器是不允许提交的，并会有一个错误信息提示。格式：效果展示如图3-12所示：图3-127.tel输入类型说明：此类型要求输入一个电话号码，换行符会从输入值中去掉。因为不同国家不同地区的电话号码差别明显，所以想要添加更多限制可以使用下一节会讲到的pattern等属性。......
2023-10-28
值为Boolean类型，一个文档中只能有一个表单控件具有此属性。格式：3.novalidate属性说明：此属性定义form或者某个input标签被提交时不用经过表单验证。格式：4.autocomplete属性用于指示input元素是否能够拥有一个默认值，这个默认值是由浏览器自动补全的。这个设定可以被属于这个form的子元素的autocomplete属性覆盖。......
2023-10-28
HTML5中新增的表单标签如下：1.datalist标签说明：datalist元素规定输入域的选项列表。列表当中的value属性是必须的，新版本的Chrome和Opera支持该属性。格式：效果展示如图3-14所示：图3-142.keygen标签说明：keygen元素的作用是提供一种验证用户的可靠方法。当提交表单时，会生成两个键，一个是私钥，一个公钥。私钥存储于客户端，公钥则被发送到服务器。格式:用户名:加密:
2023-10-28
相关推荐