Rumah  >  Artikel  >  hujung hadapan web  >  html5 teg dan atribut biasa

html5 teg dan atribut biasa

下次还敢
下次还敢asal
2024-04-21 11:03:22595semak imbas

Teg HTML5 mencipta tapak web yang kaya, termasuk pengepala (<header>), navigasi (<nav>), blok kandungan () dan kotak dialog modal (<dialog>). Sifat digunakan untuk meningkatkan semantik dan kefungsian, seperti pengecam unik (id), kelas CSS (kelas), nama penyerahan (nama) dan ruang letak (pemegang tempat). . Berikut ialah beberapa teg yang paling biasa digunakan:

<header>: Mengandungi kandungan pengepala tapak web, seperti nama tapak web dan menu navigasi. html5 teg dan atribut biasa

<nav>: Tentukan pautan navigasi seperti item menu dan serbuk roti.

: Mewakili kawasan atau bahagian yang berbeza pada halaman.

: Mewakili bar sisi atau kandungan berkaitan halaman.

: Mewakili blok kandungan bebas, seperti catatan blog atau berita.

: Mengandungi imej, jadual atau kandungan terbenam lain dan menyediakan tajuk dan penerangan.

<figcaption>: Berikan tajuk atau penerangan untuk elemen <figure>.
  • <dialog>: Cipta kotak dialog modal untuk memaparkan maklumat penting atau mengumpul input pengguna. <header>:包含网站页眉的内容,例如网站名称和导航菜单。
  • <nav>:定义导航链接,例如菜单项和面包屑导航。
  • <section>:表示页面中的不同区域或部分。
  • <aside>:表示页面的侧边栏或相关内容。
  • <article>:表示独立的内容块,例如博客文章或新闻故事。
  • <figure>:包含图片、表格或其他嵌入式内容,并提供标题和说明。
  • <figcaption>:为 <figure> 元素提供标题或说明。
  • <dialog>:创建一个模态对话框,用于显示重要信息或收集用户输入。

HTML5 属性

HTML5 还有许多属性可添加到标签上,以增强它们的语义和功能。以下是一些最常用的属性:

  • id:唯一标识页面上的元素。
  • class:将元素分配到一个或多个 CSS 类。
  • style:包含直接应用于元素的 CSS 样式。
  • type:指定元素的类型,例如输入字段或按钮。
  • name:指定表单控件的名称,用于提交数据。
  • value:设置或获取表单控件或文本输入的当前值。
  • placeholder:为输入字段提供占位符文本,以提示用户输入。
  • required:强制用户在提交表单之前填写该字段。
  • disabled:禁用元素,使其无法使用。
  • aria-*
🎜Atribut HTML5 🎜🎜🎜HTML5 Terdapat juga banyak atribut yang boleh ditambah pada teg untuk meningkatkan semantik dan fungsinya. Berikut ialah beberapa atribut yang paling biasa digunakan: 🎜🎜🎜id: Mengenal pasti elemen pada halaman secara unik. 🎜🎜kelas: Berikan elemen kepada satu atau lebih kelas CSS. 🎜🎜gaya: Mengandungi gaya CSS yang digunakan terus pada elemen. 🎜🎜jenis: Tentukan jenis elemen, seperti medan input atau butang. 🎜🎜nama: Nyatakan nama kawalan borang untuk menyerahkan data. 🎜🎜nilai: Tetapkan atau dapatkan nilai semasa kawalan borang atau input teks. 🎜🎜pemegang tempat: Sediakan teks pemegang tempat untuk medan input untuk menggesa pengguna untuk input. 🎜🎜diperlukan: Paksa pengguna mengisi medan ini sebelum menyerahkan borang. 🎜🎜dilumpuhkan: Melumpuhkan elemen, menjadikannya tidak boleh digunakan. 🎜🎜aria-*: Tambahkan ciri kebolehaksesan seperti perihalan pembaca skrin untuk orang cacat penglihatan. 🎜🎜

Atas ialah kandungan terperinci html5 teg dan atribut biasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Apakah dua kategori tag html5?Artikel seterusnya:Apakah dua kategori tag html5?