Elemen baharu HTML5

Elemen Baharu HTML5

HTML 4.01 telah banyak berubah sejak tahun 1999. Hari ini, beberapa elemen ini dalam HTML 4.01 telah dialih keluar atau ditakrifkan semula dalam HTML5.

Untuk mengendalikan aplikasi Internet hari ini dengan lebih baik, HTML5 menambah banyak elemen dan fungsi baharu, seperti: lukisan grafik, kandungan multimedia, struktur halaman yang lebih baik, pemprosesan bentuk yang lebih baik dan Beberapa API untuk seret dan -lepaskan elemen, termasuk caching aplikasi web, storan, pekerja web, dsb.


<kanvas> -642"> Tag

Penerangan

     标签     描述


     <canvas>

标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API
<🎜>
<🎜><🎜>  <kanvas><🎜>Label mentakrifkan grafik, seperti carta dan imej lain. Teg ini adalah berdasarkan API lukisan JavaScript


新多媒体元素

     
     标签     描述
    <audio>定义音频内容
    <video>定义视频(video 或者 movie)
    <source>定义多媒体资源 <video> 和 <audio>
    <embed>定义嵌入的内容,比如插件。


    <track>

为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。
标签<🎜><🎜>
<🎜><🎜>描述<🎜><🎜>
    <audio>定义音频内容
    <video>定义视频(video 或者 filem)
    <source>定义多媒体资源 <video> 和 <audio>
    <embed>定义嵌入的内容,比如插件。

<🎜><🎜>

    <track><🎜>

为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。

Elemen bentuk baharu

     标签     描述


    <datalist>

定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
    <keygen>规定用于表单的密钥对生成器字段。
    <output>定义不同类型的输出,比如脚本的输出。
tag<🎜><🎜>
<🎜> Penerangan<🎜><🎜>


<🎜>

<datalist><🎜>

Tentukan senarai pilihan. Gunakan elemen ini bersama dengan elemen input untuk mentakrifkan kemungkinan nilai input.
< keygen>Nyatakan kunci yang digunakan untuk borang ke medan penjana.
< output>Tentukan jenis output yang berbeza, seperti sebagai Output skrip.


Elemen semantik dan struktur baharu

HTML5 menyediakan elemen baharu untuk dicipta struktur halaman yang lebih baik:

< td width="193 " valign="top" style="border-width: 1px; border-style: solid; word-break: break-all;">  <🎜>Penerangan<🎜 ><🎜>
     标签     描述
    <article>定义页面独立的内容区域。
    <aside>定义页面的侧边栏内容。
    <bdi>允许您设置一段文本,使其脱离其父元素的文本方向设置。
    <command>定义命令按钮,比如单选按钮、复选框或按钮
tag<🎜><🎜>
<article> < aside>Tentukan kandungan bar sisi halaman .
< bdi>Membolehkan anda menetapkan bahagian teks supaya Ia memisahkan diri daripada tetapan arah teks unsur induknya.
< command>Tentukan butang arahan, seperti radio pilihan Butang, kotak semak atau butang
    <details>用于描述文档或文档某个部分的细节
    <dialog>定义对话框,比如提示框
    <summary>标签包含 details 元素的标题
    <figure>规定独立的流内容(图像、图表、照片、代码等等)。
    <figcaption>定义 <figure> 元素的标题
    <footer>定义 section 或 document 的页脚。
    <header>定义了文档的头部区域
    <mark>定义带有记号的文本。
    <meter>定义度量衡。仅用于已知最大和最小值的度量。
    <nav>定义导航链接的部分。
    <progress>定义任何类型的任务的进度。
    <ruby>定义 ruby 注释(中文注音或字符)。
    <rt>定义字符(中文注音或字符)的解释或发音。

 

    <rp>

在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
    <section>定义文档中的节(section、区段)。
    <time>定义日期或时间。
    <wbr>规定在文本中的何处适合添加换行符。

Untuk penggunaan elemen baharu di atas, sila lawati manual rujukan HTML kami



Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <h1>HTML5 新元素</h1> <article> php中文网 —— php中文网!! </article> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus