Rumah > Artikel > hujung hadapan web > Apakah sifat global html?
Atribut Global HTML ialah atribut yang digunakan pada semua elemen HTML, dan ia boleh digunakan dalam mana-mana teg HTML. Sifat global ini bertujuan untuk menyediakan atribut biasa yang meningkatkan kefungsian dan gaya elemen HTML. Di bawah ini kami akan memperkenalkan beberapa atribut global HTML yang biasa digunakan dan melampirkan contoh kod yang sepadan.
class
(class)class
digunakan untuk menentukan satu atau lebih nama kelas untuk mentakrifkan gaya bagi elemen. Berbilang nama kelas boleh dipisahkan dengan ruang. Helaian gaya dan kod JavaScript boleh memilih elemen tertentu berdasarkan nama kelas. class
(类)class
属性用于指定一个或多个类名,以便为元素定义样式。可以使用空格将多个类名分开。样式表和JavaScript代码可以根据类名选择特定的元素。代码示例:
<div class="container"> <p class="red">这是一个红色的段落。</p> </div>
在上面的例子中,class="container"
定义了一个带有类名container
的div
元素,而class="red"
则定义了一个带有类名red
的p
元素。
id
(标识)id
属性用于给元素定义唯一的标识符,以便通过JavaScript或CSS选择特定的元素。每个页面上的元素id
必须是唯一的。代码示例:
<h1 id="title">这是页面的标题</h1>
在上面的例子中,id="title"
定义了一个唯一标识符为title
的h1
元素。
style
(样式)style
属性用于为元素直接定义行内样式,可以设置元素的颜色、字体、背景等样式。代码示例:
<p style="color: red; font-size: 16px;">这是一个红色的段落,字体大小为16像素。</p>
在上面的例子中,style
属性定义了一个红色字体和16像素字体大小的p
元素。
title
(标题)title
属性用于为元素提供额外的信息,当鼠标悬停在元素上时,该信息会以工具提示的形式显示出来。通常用于提供元素的补充说明。代码示例:
<a href="https://www.example.com" title="点击跳转到示例网站">示例网站</a>
在上面的例子中,当鼠标悬停在<a></a>
元素上时,将以工具提示的形式显示出"点击跳转到示例网站"。
以上仅是HTML全局属性的一些常见用法和示例,还有其他一些全局属性,如lang
、hidden
、draggable
Contoh kod:
class="container"
mentakrifkan container
dengan kod nama kelas>div dan class="red"
mentakrifkan elemen p
dengan nama kelas red
. 🎜id
digunakan untuk mentakrifkan pengecam unik untuk elemen, membenarkan pemilihan khusus melalui JavaScript atau Elemen CSS. Elemen id
mestilah unik pada setiap halaman. id="title"
mentakrifkan pengecam unik title
code>h1 kod> elemen. 🎜style
mentakrifkan elemen p
dengan fon merah dan saiz fon 16 piksel. 🎜<a></a>
, " Klik untuk melompat ke tapak sampel" . 🎜🎜Di atas hanyalah beberapa kegunaan biasa dan contoh atribut global HTML Terdapat juga atribut global lain, seperti lang
, hidden
, draggable, dsb. , yang setiap satunya mempunyai tujuan khusus tersendiri. Atribut global memberikan kami lebih fleksibiliti dan fungsi dalam membangunkan dan menyesuaikan halaman web Dengan menggunakan atribut ini dengan sewajarnya, kami boleh mengawal dan mempersembahkan kandungan halaman dengan lebih baik. 🎜
Atas ialah kandungan terperinci Apakah sifat global html?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!