📜  HTML-属性

📅  最后修改于: 2020-12-16 04:42:52             🧑  作者: Mango


我们很少看到HTML标记及其用法,例如标题标记

段落标记

和其他标记。到目前为止,我们以最简单的形式使用它们,但是大多数HTML标记也可以具有属性,这些属性是额外的信息。

属性用于定义HTML元素的特征,并放置在元素的开始标记内。所有属性都由两部分组成-名称

  • 名称是您要设置的属性。例如,示例中的段落

    元素带有一个名称为align的属性,您可以使用该属性指示页面上段落的对齐方式。

  • 是您想要设置属性的值并始终放在引号中的值。下面的示例显示align属性的三个可能值: left,centerright

属性名称和属性值不区分大小写。但是,万维网联合会(W3C)在其HTML 4建议中建议使用小写的属性/属性值。

Align Attribute  Example 
   
    
    
      

This is left aligned

This is center aligned

This is right aligned

这将显示以下结果-

核心属性

可以在大多数HTML元素(尽管不是全部)上使用的四个核心属性是-

  • ID
  • 标题
  • 风格

Id属性

HTML标记的id属性可用于唯一标识HTML页面中的任何元素。您可能要在元素上使用id属性有两个主要原因:

  • 如果元素带有id属性作为唯一标识符,则可以仅识别该元素及其内容。

  • 如果网页(或样式表)中有两个具有相同名称的元素,则可以使用id属性来区分具有相同名称的元素。

我们将在单独的教程中讨论样式表。现在,让我们使用id属性来区分两个段落元素,如下所示。

This para explains what is HTML

This para explains what is Cascading Style Sheet

标题属性

title属性为元素提供建议的标题。它们对title属性的语法类似于对id属性的解释-

该属性的行为将取决于承载该属性的元素,尽管当光标移到该元素上方或加载该元素时,该属性通常显示为工具提示。

The title Attribute Example
   
    
   
      

Titled Heading Tag Example

这将产生以下结果-

现在,将光标移到“标题标题示例”上,您会看到您在代码中使用的任何标题都将作为光标的提示出现。

类属性

class属性用于将元素与样式表相关联,并指定元素的类。当您学习级联样式表(CSS)时,您将学到更多关于类属性使用的信息。所以现在您可以避免它。

该属性的值也可以是类名称的用空格分隔的列表。例如-

class = "className1 className2 className3"

样式属性

样式属性允许您在元素内指定级联样式表(CSS)规则。

The style Attribute
   
    
   
      

Some text...

这将产生以下结果-

目前,我们还没有学习CSS,因此让我们继续进行,不要为CSS烦恼。在这里,您需要了解什么是HTML属性以及在格式化内容时如何使用它们。

国际化属性

有三个国际化属性,它们可用于大多数(尽管不是全部)XHTML元素。

  • 目录
  • xml:lang

dir属性

dir属性使您可以向浏览器指示文本应沿哪个方向流动。 dir属性可以采用两个值之一,如下表所示:

Value Meaning
ltr Left to right (the default value)
rtl Right to left (for languages such as Hebrew or Arabic that are read right to left)

Display Directions
   
    
   
      This is how IE 5 renders right-to-left directed text.
   
    

这将产生以下结果-

在标记中使用dir属性时,它确定如何在整个文档中显示文本。当在另一个标签中使用时,它仅控制该标签内容的文本方向。

lang属性

lang属性允许您指示文档中使用的主要语言,但是此属性保留在HTML中只是为了与HTML的早期版本向后兼容。在新的XHTML文档中,此属性已由xml:lang属性代替。

lang属性的值是ISO-639标准的两个字符的语言代码。检查HTML语言代码:ISO 639以获取语言代码的完整列表。

English Language Page
   

   
      This page is using English Language
   


这将产生以下结果-

xml:lang属性

xml:lang属性是XHTML更换为lang属性。 xml:lang属性的值应为上一节中提到的ISO-639国家/地区代码。

通用属性

这是一些其他属性的表,这些属性可以很容易地与许多HTML标记一起使用。

Attribute Options Function
align right, left, center Horizontally aligns tags
valign top, middle, bottom Vertically aligns tags within an HTML element.
bgcolor numeric, hexidecimal, RGB values Places a background color behind an element
background URL Places a background image behind an element
id User Defined Names an element for use with Cascading Style Sheets.
class User Defined Classifies an element for use with Cascading Style Sheets.
width Numeric Value Specifies the width of tables, images, or table cells.
height Numeric Value Specifies the height of tables, images, or table cells.
title User Defined “Pop-up” title of the elements.

在继续研究其他HTML标签时,我们将看到相关示例。有关HTML标签和相关属性的完整列表,请检查对HTML标签列表的参考。