feifeila的博客

对HTML5至关重要的10个Javascript资源

Javascript对于许多HTML5元素而言是必不可少的，例如canvas、audio和WebGL。在开发过程中，有一些工具、库和框架资源能为开发者提供很大的帮助。下面，让我们来详细了解其中的一些资源。 ## 1. HTML5样板 如果你已经在使用HTML5，那么对这方面应该有所了解。HTML5样板允许开发者使用可下载的模板来构建出色的站点，这些模板包含了Normalize…

7个有用的HTML5学习资源

尽管HTML5相对较新，尚未被所有主流浏览器完全支持，但如今已有众多设计师和开发者开始使用它。毋庸置疑，在未来几年里，HTML5将在Web开发领域发挥至关重要的作用。我发现很多人已经投身于HTML5的应用中，但仍有不少人尚未接触过这一技术。为了助力大家学习HTML5，我们精心收集了7个实用的学习资源。 ## 一、HTML5开发者指南…

HTML 5 新的标签用法以及和HTML 4的区别

HTML 5 是一项全新的网络标准，它引入了一系列新的元素和属性，极大地丰富了网络应用服务。与此同时，一些在 HTML 4 中使用的过时标记被取消，例如 `` 和 ``。 ## HTML 5 新标签详解及与 HTML 4 的对比 ### 1. `` 标签 - **定义**：用于定义外部的内容，例如来自外部新闻提供者的一篇新文章、博客文本、论坛文本或其他外部源内容。 - **HTML 5 示例…

基于 HTML5 的人脸识别技术

## 演示网站介绍 这里为大家介绍一个通过 HTML5 + JavaScript 技术实现人脸识别的网站，不过目前该网站仅适用于 Chrome 浏览器。若要使用该网站，需进行如下操作： 首先，在 Chrome 浏览器的地址栏输入 `about:flags`；接着，找到“启用 MediaStream” 这一项并点击“启用”；最后，重启 Chrome 浏览器。 …

HTML+CSS 实现段落首字下沉

昨晚，我发现了一种特殊的文字展示效果——首字下沉（见下方效果图）。经过几分钟的思考和代码实践，我成功实现了这一效果，现在将其分享给大家。  ## 实现方法 ### 1. `::before` 伪元素实现 ### 2. 使用标签控制 ### 3. `::first-letter` ## 方法分析 - **`::before` 伪元素实现*…

HTML5初学者福利！11个在线学习网站推荐

无论学习何种编程语言，打好基础都是首要任务。如果您是一位对HTML5完全陌生的初学者，以下这些网站绝对值得您关注。这些网站不仅提供HTML5的基础教程、文章和博客，而且其中的内容不仅包含代码，还有许多带有详细步骤讲解的示例。 ## 基础学习网站 ### 1. W3Schools（需自备梯子）…

HTML5-类库系列 通过类名获取标签

最近我在给团队讲解 JS 类库的知识，借此机会和大家分享一下类库的搭建过程。我们从简单的核心功能入手，今天要讲解的是如何用原生 JS 实现通过类名获取标签。 在此提醒各位，复杂的功能都是由简单功能逐步优化而来的，所以我们从最简单的功能开始。 ## 第一步：实现基本功能 在我们学过的方法中，可以使用 `getElementsByClassName`…

HTML5-类库系列 类名的各种操作

在我们日常编写的页面效果中，有一些效果是通过改变类名来实现 JavaScript 的基本行为，例如 Tab 切换。在 Tab 切换效果里，我们通过为标题和内容分别设置和移除 `select`、`show` 这两种类名，来实现内容区域的显示和隐藏，以及标题样式的变化。 然而，当我们使用 `className` 来设置类名时，可能会遇到问题。如果原标签中已经存在其他类名，直接使用 …

HTML5-类库系列 原生DOM功能函数

在前一篇博文中，我们探讨了“类名操作方面的类库搭建”。今天，我们将抛开类相关内容，专注于实现一些 DOM 操作方面的功能。相信有过 jQuery 使用经验的开发者，往往不太愿意使用原生 DOM 来实现某些效果。这是因为在原生 DOM 操作中，需要处理诸多问题，其中一个主要问题是，非标签节点也会成为查找的内容。 本文将使用原生 JavaScript…

HTML5技术优势

## 一、未来发展潜力巨大 2012年，Adobe主动放弃移动端Flash技术支持，转而投向HTML5的怀抱。与此同时，国内的百度、腾讯等企业也纷纷与W3C组织展开合作，宣布参与HTML5标准的定制。来自浏览器厂商、开发者、用户等各方面的力量，正共同推动着HTML5技术不断向前发展。 …