最新的Web开发教程

HTML属性


属性提供有关HTML元素的更多信息。

一个HTML属性是一个HTML元素类型的改性剂。 一个属性或者修改的元素类型的默认功能或提供功能无法没有它们正常工作某些元素类型。 在HTML语法,的属性被添加到HTML开始标记。


HTML属性

  • HTML元素可以有attributes
  • 属性提供additional information有关的元件
  • 属性总是在指定the start tag
  • 属性来像名称/值对: name="value"

描述

HTML通常属性显示为名称 - 值对,通过=分离,并且一个元素的开始标签中被写入,元素的名称之后:

<tag attribute="value">content to be modified by the tag</tag>

当标签名称的HTML元素类型,属性是属性的名称,设置所提供的价值。 的值可以被包含在单引号或双引号,虽然由某些字符的值可以在HTML(但不是XHTML)留下无引号.Leaving属性值没有引用的被认为是不安全的。

虽然大多数属性为成对的名称和值提供,有的干脆由他们中的元素(像img元素的属性ISMAP)的起始标签存在影响的元素。

大多数元素可以采取任何的几个共同属性:

id属性提供了一种用于element.This宽文档的唯一标识符可以被用作CSS选择以提供表象的特性,通过浏览器将注意力集中在特定的元件上,或通过脚本来改变一个元素的内容或呈现。 附加到网页的URL,该URL直接针对文档中的特定元素,通常是页面的子部分。 例如,ID“属性”。

类属性提供类似的元件进行分类的方法。 这可以用于语义目的,或用于演示。 语义上,例如,类在微使用。 Presentationally,例如,HTML文档可以使用指定类=“符号”,以表明这一类值的所有元素都从属于文件的主要内容。 这样的元素可能会聚集在一起,并呈现为页面,而不是出现在它们出现在HTML源在地方的脚注。 另一个演示用途是作为一个CSS选择器。

作者可以使用样式非attributal码表象性的特定元素。 它被认为是更好的做法是使用元素的ID或类属性来选择一个样式表的元素,虽然有时这可能是风格属性的简单和具体的或临时应用程序太麻烦了。

标题属性用于解释亚文本附加到元素。 在大多数浏览器这个属性显示为一个什么是通常被称为一个提示。

缩写元件,缩写,可以用来证明这些各种属性:

<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language">HTML</abbr>

本实施例中显示为HTML; 在大多数浏览器中,在简称指向指针应显示的标题文字“超文本标记语言”。

大多数元素也采取了与语言相关的属性郎和目录。


lang属性

文档语言可以在声明<html>标记。

语言在声明lang属性。

声明一个语言是用来辅助功能应用程序很重要(screen readers)和搜索引擎:

<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

前两个字母指定语言(en) 如果有一种方言,使用两个字母(US)


title属性

HTML段落中与所定义的<p>标记。

在这个例子中, <p>元件具有标题属性。 该属性的值是" About w3im "

<p title="About w3ii">
w3ii is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p>
试一试»

当您在元素上移动鼠标时,标题会显示为工具提示。


href属性

HTML链接与定义<a>标签。 链接地址在指定href属性:

<a href="http://www.w3ii.com">This is a link</a>
试一试»

您将了解更多有关环节和<a>标签在本教程的后面。


尺寸属性

HTML图像与定义<img>标记。

源的文件名( src )以及图像(的尺寸widthheight )都被设置为属性

<img src="w3ii.jpg" width="104" height="142">
试一试»

图像尺寸以像素指定:宽度=“104”是指宽104的屏幕像素。

您将了解更多关于图像和<img>标签在本教程的后面。


alt属性

alt属性指定了要使用的,当无法显示一个HTML元素的替代文本。

属性的值可以通过读取"screen readers" 。 这样一来,一个人"listening"到的网页,即一个盲人,可以"hear"的元素。

<img src="w3ii.jpg" alt="w3ii.com" width="104" height="142">
试一试»

我们建议:始终使用小写属性

HTML5标准不要求小写属性名称。

title属性可以与大写或小写等被写入Title和/或TITLE

W3C 建议在HTML4小写字母,以及更严格的文件类型,如XHTML 要求小写。

小写是最常见的。 较低的情况下更容易输入。
在w3ii我们总是使用小写属性名称。


我们建议:总是引用属性值

HTML5标准不需要引号属性值。

href属性,以上证明的,可以写为:

<a href=http://www.w3ii.com>
试一试»

W3C recommends在HTML4报价,并要求报价更严格的文件类型,如XHTML。

有时需要使用引号。 这将无法正确显示,因为它包含一个空格:

<p title=About w3ii>
试一试»

使用引号是最常见的。 省略引号会产生误差。
在w3ii我们总是用引号属性值。


单或双引号?

双引号风格是最常见的HTML,但也可以使用单一的风格。

在某些情况下,当属性值本身包含双引号,就必须使用单引号:

<p title='John "ShotGun" Nelson'>

或相反亦然:

<p title="John 'ShotGun' Nelson">

章节总结

  • 所有的HTML元素可以有属性
  • 在HTML title属性提供附加的"tool-tip"信息
  • 在HTML href属性提供的链接地址信息
  • 的HTML widthheight属性提供用于图像大小信息
  • 该HTML alt属性为屏幕阅读器提供文本
  • 在w3ii我们总是用lowercase HTML属性名
  • 在w3ii我们总是quote加上双引号属性

测试自己与练习!

练习1» 练习2» 练习3» 练习4» 练习5»


HTML属性

下面是经常在HTML中使用的一些属性的字母顺序列表:

属性 描述
alt 指定图像的替代文本
disabled 指定一个输入元件应被禁用
href 指定URL (web address)的链接
id 指定一个唯一的ID为元素
src 指定URL (web address)的图像
style 指定内嵌CSS样式的元素
title 指定元素的额外信息(displayed as a tool tip)

每个HTML元素的所有属性的完整清单,列在我们的: HTML标签参考