如何将属性添加到HTML标记

HTML语言包含许多元素。 这些包括常用的网站组件,如段落,标题,链接和图像。 还有一些HTML5引入的更新元素,包括标题,导航,页脚等。 所有这些HTML元素都用于创建文档的结构并赋予其意义。 为元素添加更多的意义,你可以给他们的属性。

一个基本的HTML开始标签以<字符开头。 随后是标签名称,最后,使用>字符完成标签。 例如,开头的段落标签可以这样写:

要为HTML标签添加一个属性,首先在标签名称之后放置一个空格(在本例中为“p”)。 然后,您将添加您希望使用的属性名称,后跟一个等号。 最后,属性值将被放置在引号中。 例如:

标签可以有多个属性。 你会用空格将每个属性与其他属性分开。

具有必需属性的元素

如果您希望它们按预期工作,某些HTML元素实际上需要属性。 图像元素和链接元素就是这样的两个例子。

image元素需要“src”属性。 该属性告诉浏览器您想在该位置使用哪个图像。 该属性的值将是图像的文件路径。 例如:

您会注意到我为此元素添加了另一个属性,即“alt”或替代文本属性。 这在技术上不是图像的必需属性,但最好总是将此内容包含在可访问性中。 alt属性值中列出的文本是由于某些原因导致图像无法加载时显示的内容

另一个需要特定属性的元素是锚点或链接标记。 这个元素必须包含“href”属性,这个属性代表“超文本引用”。这是一种奇怪的方式来表达“这个链接应该去哪里”。就像图像元素需要知道加载哪个图像一样,链接标记必须知道它应该在哪里。下面是链接标签的外观:

该链接现在将使用户访问属性值中指定的网站。 在这种情况下,它是主页。

作为CSS钩子的属性

属性的另一个用途是它们被用作CSS样式的“钩子”。 由于Web标准规定应该将页面的结构(HTML)与其样式(CSS)分开,因此可以使用CSS中的这些属性钩子来指定结构化页面在Web浏览器中的显示方式。 例如,你可以在你的HTML文档中有这样的标记。

如果您希望该部门的背景颜色为黑色(#000),字体大小为1.5em,则可以将其添加到您的CSS中:

.featured {background-color:#000; font-size:1.5em;}

“精选”类属性充当了一个钩子,我们在CSS中使用它来将样式应用到该区域。 如果我们想要的话,我们也可以在这里使用ID属性。 类和ID都是通用属性,这意味着它们可以添加到任何元素。 它们也可以用特定的CSS样式来定位,以确定该元素的视觉外观。

关于Javascript

最后,在某些HTML元素上使用属性也可以在Javascript中使用。 如果你有一个脚本正在寻找一个具有特定ID属性的元素,那么这又是HTML语言常见部分的另一个用法。