📅  最后修改于: 2020-10-23 06:10:39        🧑  作者: Mango

HTML5是HTML的最新，最增强的版本。从技术上讲，HTML不是编程语言，而是标记语言。在本教程中，我们将讨论HTML5的功能以及如何在实践中使用它。听众本教程是为HTML5初学者设计的，旨在使他们了解该主题的基础到高级概念。先决条件在开始本教程之前，您应该对HTML及其标签有基本的了解。...

📅  最后修改于: 2020-10-23 06:10:59        🧑  作者: Mango

HTML5是HTML标准的下一个主要版本，它将取代HTML 4.01，XHTML 1.0和XHTML 1.1。 HTML5是用于在万维网上结构化和呈现内容的标准。HTML5是万维网联盟（W3C）与网络超文本应用程序技术工作组（WHATWG）之间的合作。新标准结合了以前依赖第三方浏览器插件（例如Adobe Flash，Microsoft Silverlight和Google Gears）的视频播放和...

📅  最后修改于: 2020-10-23 06:11:43        🧑  作者: Mango

HTML 5语言具有一种“自定义” HTML语法，该语法与Web上发布的HTML 4和XHTML1文档兼容，但与HTML 4更为深奥的SGML功能不兼容。HTML 5没有与XHTML相同的语法规则，在XHTML中，我们需要使用小写标签名称，并引用属性，属性必须具有值并关闭所有空元素。HTML5具有很大的灵活性，并且支持以下功能-大写标签名称。引号对于属性是可选的。属性值是可选的。关闭空元素是可选的...

📅  最后修改于: 2020-10-23 06:12:11        🧑  作者: Mango

如上一章所述，元素可能包含用于设置元素各种属性的属性。一些属性是全局定义的，可以在任何元素上使用，而另一些属性则仅用于特定元素。所有属性都有一个名称和一个值，看起来像下面的示例中所示。以下是HTML5属性的示例，该示例说明了如何使用值为“ example”的名为class的属性标记div元素-属性只能在开始标记中指定，并且绝不能在结束标记中使用。HTML5属性不区分大小写，并且可以全部大写或大小写...

📅  最后修改于: 2020-10-23 06:12:48        🧑  作者: Mango

用户访问您的网站时，他们会执行各种活动，例如单击文本，图像和链接，将鼠标悬停在已定义的元素上等。这些都是JavaScript所谓的事件的示例。我们可以使用Javascript或VBscript编写事件处理程序，并且可以将这些事件处理程序指定为事件标记属性的值。 HTML5规范定义了各种事件属性，如下所示-当任何HTML5元素发生任何事件时，我们可以使用以下属性集触发作为值给出的任何javascri...

📅  最后修改于: 2020-10-23 06:13:30        🧑  作者: Mango

Web Forms 2.0是对HTML4中的表单功能的扩展。与HTML4相比，HTML5中的表单元素和属性提供了更高程度的语义标记，使我们摆脱了HTML4所需的繁琐脚本和样式。HTML4中的<input>元素HTML4输入元素使用type属性指定数据类型。HTML4提供以下类型-Sr.No.Type & Description1textA free-form text field, nominal...

📅  最后修改于: 2020-10-23 06:14:10        🧑  作者: Mango

SVG代表对于scalableV厄克托ģraphics并且它是用于描述在XML 2D图形和图形应用程序的语言和XML然后通过SVG观察者呈现。SVG对于矢量类型图（例如饼图，X，Y坐标系中的二维图等）最有用。SVG成为W3C建议书14。2003年1月，您可以在SVG Specification中查看SVG规范的最新版本。查看SVG文件大多数网络浏览器可以显示SVG，就像显示PNG，GIF和JPG一...

📅  最后修改于: 2020-10-23 06:14:34        🧑  作者: Mango

HTML5的HTML语法允许使用<math> … </ math>标记在文档内部使用MathML元素。大多数Web浏览器都可以显示MathML标签。如果您的浏览器不支持MathML，则建议您使用最新版本的Firefox。MathML范例以下是带有MathML的有效HTML5文档-现场演示这将产生以下结果-使用MathML字符考虑一下，下面是使用字符＆InvisibleTimes;的标记； –现场演...

📅  最后修改于: 2020-10-23 06:15:04        🧑  作者: Mango

HTML5引入了两种类似于HTTP会话cookie的机制，用于在客户端存储结构化数据并克服以下缺点。Cookies包含在每个HTTP请求中，从而通过传输相同的数据来减慢Web应用程序的速度。Cookie包含在每个HTTP请求中，从而通过Internet发送未加密的数据。Cookies被限制为大约4 KB的数据。不足以存储所需数据。这两个存储分别是会话存储和本地存储，它们将用于处理不同的情况。几乎每...

📅  最后修改于: 2020-10-23 06:15:38        🧑  作者: Mango

Web SQL数据库API实际上不是HTML5规范的一部分，但它是一个单独的规范，它引入了一组API来使用SQL操作客户端数据库。我假设您是一名出色的Web开发人员，如果真是这样，那么您无疑会知道SQL和RDBMS概念的。如果您仍然想与SQL进行会话，那么可以阅读我们的SQL Tutorial。Web SQL数据库将在Safari，Chrome和Opera的最新版本中运行。核心方法我将在本教程中介...

📅  最后修改于: 2020-10-23 06:16:03        🧑  作者: Mango

常规的Web应用程序生成事件，这些事件将分派到Web服务器。例如，单击链接即可从服务器请求一个新页面。从Web浏览器流到Web服务器的事件类型可以称为客户端发送的事件。WHATWGWeb应用程序1.0与HTML5一起引入了事件，这些事件从Web服务器流向Web浏览器，它们被称为服务器发送事件（SSE）。使用SSE，您可以将DOM事件从Web服务器连续推送到访问者的浏览器。事件流方法可打开与服务器的...

📅  最后修改于: 2020-10-23 06:16:39        🧑  作者: Mango

WebSockets是用于Web应用程序的下一代双向通信技术，该技术在单个套接字上运行，并通过符合HTML 5的浏览器中的JavaScript接口公开。与Web服务器建立Web套接字连接后，就可以通过调用send（）方法从浏览器向服务器发送数据，并通过onmessage事件处理程序从服务器向浏览器接收数据。以下是创建新的WebSocket对象的API。在这里，第一个参数url指定要连接的URL。第...

📅  最后修改于: 2020-10-23 06:17:12        🧑  作者: Mango

HTML5元素<canvas>为您提供了一种使用JavaScript绘制图形的简单有效的方法。它可以用来绘制图形，制作照片或做简单（而不是那么简单）的动画。这是一个简单的<canvas>元素，它只有两个特定的属性width和height以及所有核心HTML5属性，例如id，name和class等。您可以使用getElementById（）方法轻松地在DOM中找到<canvas>元素，如下所示-让我...

📅  最后修改于: 2020-10-23 06:18:13        🧑  作者: Mango

HTML5功能包括不需要Flash的本地音频和视频支持。HTML5 <audio>和<video>标记使将媒体添加到网站变得很容易。您需要设置src属性来标识媒体源，并包括一个controls属性，以便用户可以播放和暂停媒体。嵌入视频这是在您的网页中嵌入视频文件的最简单形式-当前的HTML5规范草案未指定浏览器应在video标签中支持哪些视频格式。但最常用的视频格式是-奥格– OGG文件与Thed...

📅  最后修改于: 2020-10-23 06:19:01        🧑  作者: Mango

HTML5 Geolocation API使您可以与自己喜欢的网站共享位置。 JavaScript可以捕获您的经度和纬度，并且可以发送到后端Web服务器，并执行精美的位置感知操作，例如查找本地商家或在地图上显示您的位置。今天，大多数浏览器和移动设备都支持Geolocation API。地理位置API使用全局导航器对象的新属性，即。可以按以下方式创建的地理位置对象-地理位置对象是一个服务对象，它允许...