在 HTML 中，大多数属性都有两副面孔：内容属性和 IDL（接口描述语言）属性。

内容属性需要你在内容（HTML 代码）中设置，而且可以通过 element.setAttribute() 或 element.getAttribute()来设置。内容属性常常是一个字符串，即使里面的值是一个整数。例如，要将 元素的 maxlength 设置为 42，你需要在元素中调用 setAttribute("maxlength", "42") 。

IDL 属性（attribute）也就是一个 JavaScript 属性（property）。你可以使用 JavaScript 属性如 element.foo 来设置这些属性。当你需要获取 IDL 属性的值时，IDL 属性总会使用隐含的内容属性的值（可能先经过转换）来返回一个值。同样地，当你设置这个值时，这个值会保存在内容属性中。换句话说，IDL 属性本质上反映了内容属性。

大多数时候，IDL 属性会返回元素确实在用的值。例如， 的默认 type 是 "text"，所以如果你设置 input.type="foobar"， 元素仍然会是文本类型（在外观上和表现上），但 "type" 内容属性的值是 "foobar"。然而，type IDL 属性依旧会返回字符串 "text"。

IDL attributes 并不总是字符串；例如 input.maxlength 是一个数字（一个有符号的 long 类型）。使用 IDL 属性时，你读取或设置值的类型都是要求的类型。所以 input.maxlength 总会返回一个数字，而如果你要设置 input.maxlength，也需要使用数字。如果你传入了别的类型，则会根据标准 JavaScript 的类型转换规则被转换为数字。

IDL 属性可以 反映其他类型，如 unsigned long, URLs, booleans 等。不幸的是，并没有清晰的规则规定一个属性的 IDL 属性与相关的内容属性如何关联。大多数时候，这会遵守 规范中列出的规则，但有时并不遵守。HTML 规范尝试将这件事尽可能变得对开发者友好，但由于很多原因（大多是历史原因），一些属性表现得很奇怪（例如 select.size），你就需要阅读规范以理解它们实际上到底如何表现。