随笔分类 - HTML5权威指南
摘要：现在我们可以把焦点转移到元素对象本身，给予它应有的重视了。 使用元素对象 HTMLElement对象提供了一组属性，你可以用它们来读取和修改被代表元素的数据。下表介绍了这些属性。 元素数据属性 属 性 说 明 返 回 checked 获取或设置checked属性是否存在 布尔值 classList
阅读全文
摘要：Window对象已经作为HTML5的一部分被添加到HTML规范之中。在此之前，它已经是一种非正式的标准了。各种浏览器都已实现了一组基本相同的功能，并且通常是一致的。在HTML5规范中，Window对象囊括了已是事实标准的功能，并加入了一些增强。对这个对象的实现情况并不统一，不同的浏览器遵循程度不同。
阅读全文
摘要：Document对象是通往DOM功能的入口，它向你提供了当前文档的信息，以及一组可供探索、导航、搜索或操作结构与内容的功能。 我们通过全局变量document访问Document对象，它是浏览器为我们创建的关键对象之一。Document对象向你提供文档的整体信息，并让你能够访问模型里的各个对象。要了
阅读全文
摘要：嵌入图像 img元素允许我们在HTML文档里嵌入图像。下表概述了这个元素，它是使用最为广泛的HTML元素之一。 img元素 要嵌入一张图像需要使用src和alt属性，如代码清单1所示。 代码清单1 嵌入一张图像 <!DOCTYPE HTML> <html> <head> <title>嵌入一张图像<
阅读全文
摘要：在这一部分，你将开始探索文档对象模型（DOM）。通过使用DOM，你能够添加、移除和操作各种元素。还可以使用事件（event）来响应用户的交互操作，以及完全控制CSS。 从这里开始，你就处于HTML5的程序设计部分了。在此之前，你已经用元素和CSS声明创建了内容，现在是时候以程序员的身份开始使用Jav
阅读全文
摘要：HTML5中增加的输入验证特性可以用来约束用户输入的数据，并在约束条件未得到满足时阻止提交表单。 使用其他表单元素 以下五个表单元素前面还没有介绍：select、optgroup、textarea、output和keygen，下面逐一说明。 生成选项列表 select元素可以用来生成一个选项列表供用
阅读全文
摘要：input元素可以用来生成一个供用户输入数据的简单文本框。其缺点在于用户在其中输入什么值都可以。有时这还不错，但是有时设计者可能希望让用户输入特定类型的数据。在后一种情况下，可以对input元素进行配置，改变其收集用户数据的方式。要配置input元素需要用到其type属性。在HTML5中该属性有23
阅读全文
摘要：表单是HTML中获取用户输入的手段。它对于Web应用系统极其重要，然而HTML定义的功能落后于表单的使用方式已有多年。在HTML5中，整个表单系统已经彻底改造过，面貌焕然一新，标准的步伐已经跟上了表单的应用实践。 这里介绍的是HTML表单的基础知识。从定义一个非常简单的表单开始，通过对它的扩充演示如
阅读全文
摘要：设置元素的颜色和透明度 下表列出了这些属性。 颜色相关属性 属 性 说 明 值 color 设置元素的前景色 <颜色> opacity 设置颜色的透明度 <数值> 设置前景色 color属性设置元素的前景色。一般而言，元素对color属性之于它的意义可以有不同的解读，不过实际上，color属性一般用
阅读全文
摘要：HTML文档应用简单特殊效果的方式：过渡、动画和变换。这三种特性都是在CSS3中新添加的。 为HTML元素应用某种效果的想法并不新鲜，大多数比较完善JavaScript库至少包含几种目前已经融入CSS3的效果。通过JavaScript操作CSS3的优势是性能。许多新功能涉及随着时间改变CSS属性的值
阅读全文
摘要：文本样式的CSS属性，这块内容在CSS3中也不稳定。已经有几个被广泛釆用的非常实用的新特性了。也有几个相当投机性的提案（其前途未卜），它们一般用来处理非常技术的字体排版细节，还不确定是否存在足够的需求推动这些提案成为标准。也就是说，已经被主流浏览器接纳的特性会让处理文本样式更为灵活和愉悦。 提示 c
阅读全文
摘要：随着对分离HTML元素的语义重要性与其表现的影响的不断强调，CSS在HTML5元素布局方面的作用越来越重要。CSS3中有一些非常实用的布局特性，当然，你也可以使用CSS早期版本中的已有功能。 有两个推荐的CSS3布局模型，有待进一步成熟。第一个是模板布局，允许我们创建可包含元素的弹性布局。目前还没有
阅读全文
摘要：盒子是CSS中的基础概念，我们要使用它来配置元素的外观以及文档的整体布局。 为元素应用内边距 应用内边距会在元素内容和边框之间添加空白。我们可以为内容盒的每个边界单独设置内边距，或者使用padding简写属性在一条声明中设置所有的值。下表列出了padding相关属性。 内边距属性 属 性 说 明 值
阅读全文
摘要：应用边框样式 先从控制边框样式的属性开始。这些属性使用相当普遍，有了它们，要学习margin和padding属性就在视觉上方便多了。简单边框有三个关键属性：border-width、border-style和border-color。下表描述了这三个属性。 基本边框属性 属 性 说 明 值 bord
阅读全文
摘要：伪类跟伪元素一样，并不是直接针对文档元素的，而是为你基于某些共同特征选择元素提供方便。 使用结构性伪类选择器 使用结构性伪类选择器能够根据元素在文档中的位置选择元素。这类选择器都有一个冒号字符前缀（:），例如:empty。它们可以单独使用，也可以跟其他选择器组合使用，如p:empty。 使用根元素选
阅读全文
摘要：CSS选择器的作用是找出某类元素，以便我们使用style元素或者外部样式表对这类元素设置样式。 使用CSS基本选择器 有些选择器使用起来非常简单，我们把这部分选择器称为基本选择器（basic selector）。开发人员可使用这类选择器在文档中进行比较宽泛的选择，也可以将其看做结合多种选择器进行特殊
阅读全文
摘要：CSS标准化 CSS有一段不堪回首的历史。那时候浏览器被看做划分市场的工具，浏览器厂商将CSS作为创建自己软件特有功能的利器。当时的情况可谓一团糟：具有相同名称的属性采用不同的方式处理，只能用浏览器特定的属性访问浏览器特定的功能。结果是Web开发人员不得不创建只在一种浏览器上运行的站点或应用程序。
阅读全文
摘要：这里将要介绍的是用来制作表格的HTML元素。表格的主要用途是以网格的形式显示二维数据。然而在HTML的早期版本中，用表格控制页面内容布局的现象很常见。在HTML5中已经不再允许这样做，取而代之的是新增的CSS表格特性。 生成基本的表格 有三个元素是每个表格都必须要有的：table、tr和td。表（t
阅读全文
摘要：这里将要介绍用来表示内容的不同部分的元素，说明如何划分内容以便将各个主题和概念分隔开来。这些元素大都是新增的，它们构成了语义和呈现分离实践的重要基础。然而这也意味着 这些元素有点难以演示，因为它们在外观上对内容的影响微乎其微，甚至根本没有影响。所以在许多例子中为这些元素应用了一些css样式，以强调其
阅读全文
摘要：组织相关内容的HTML元素，它们能够给予文档内容更多的结构和含义。这里的元素大多数是流元素，只有一个例外：a元素。该元素独特之处在于其所属元素类型取决于其包含的内容。 为什么要对内容分组 HTML要求浏览器将连在一起的几个空白字符折算为一个空格。一般而言，这种做法是有道理的，因为可以把HTML文档的
阅读全文
