Teg yang jarang digunakan dalam HTML termasuk: pra, angka, figcaption, em, strong, del, ins, sub, sup, ruby, bdo, vedio, audio, track, optgroup, output, progress, meter, dsb. .
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.
HTML <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"></pre><div class="contentsignin">Salin selepas log masuk</div></div>
elemen mewakili teks terformat yang dipratentukan. Teks dalam elemen ini biasanya dipaparkan dalam fon lebar tetap mengikut format dalam fail asal dan aksara ruang putih (seperti ruang dan pemisah baris) dalam teks akan dipaparkan.
Contohnya:
<pre class="brush:php;toolbar:false"> < Hello World > 我 就是 想 --------------------------- 乱 七 \ ^__^ 八 遭 \ (oo)\_______ (__)\ )\/\ 的 定位 写 ||----w | || || 出来 ~
<strong>Rendering:
mewakili sekeping kandungan bebas, selalunya digunakan bersama kapsyen <figure>
dan berfungsi sebagai unit rujukan bebas. Apabila ia tergolong dalam aliran kandungan utama (aliran utama), kedudukannya adalah bebas daripada badan. Tag ini selalunya ialah gambar, ilustrasi, jadual, coretan kod, dsb. yang dipetik dalam teks utama <figcaption>
<figure> <img style="max-width:90%" src="img/2.jpg" alt="Apakah tag yang tidak biasa dalam html?" > <figcaption>美丽的海景~</figcaption> </figure>
Rendering: <strong>
.
) menandakan kandungan yang perlu ditumpukan oleh pengguna untuk membaca Semakin dalam tahap set, semakin penting kandungan yang terkandung di dalamnya dianggap perlu dibaca Ia secara amnya dipaparkan sebagai <em>
" <em>
fon condong <strong> "<em>. Elemen kuat (
fon tebal<strong>
. <strong>
dipadamkan <del>
daripada dokumen. Sebagai contoh, anda boleh menggunakan teg ini apabila anda perlu memaparkan rekod pengubahsuaian atau perbezaan kod sumber. <strong>
<p><del>这段文本已被删除。 </del>, 请浏览其它部分</p>
<strong>
elemen HTML
<ins>
<ins>这一段文本是新插入至文档的。</ins>
<strong>
5 🎜>Elemen HTMLRendering: <sub>
<p>水的化学公式: H<sub>2</sub>O</p>
<strong>Elemen HTML
mentakrifkan kawasan teks Atas sebab tipografi, Ia sepatutnya kelihatan lebih rendah dan lebih kecil daripada teks utama.Rendering: <sup>
<p>2 + 3<sup>2</sup>= 11</p>
<strong>6 tag ruby
Rendering: <ruby>
<ruby> 曲 <rp>(</rp><rt>qu</rt><rp>)</rp> 小 <rp>(</rp><rt>xiao</rt><rp>)</rp> 强 <rp>(</rp><rt>qiang</rt><rp>)</rp> </ruby>
<strong>7 teg bdo
) digunakan untuk mengatasi orientasi teks semasa, yang menyebabkan aksara disusun mengikut arah tertentu.
<bdo>
Rendering:
<p>这段文本是从左到右的</p> <p><bdo dir="rtl">这段文本是从右到左的</bdo></p>
<strong>Apabila anda menggunakan
untuk menulis sejumlah besar gaya, pernahkah anda terfikir mengenainya? , terdapat teg yang boleh menggantikan sejumlah besar atribut gaya. 8. vedio, audio dan trekcss
di sini. Mari kita bercakap tentang HTML5
hari ini. Elemen <video>
<audio>
HTML <video>
digunakan sebagai elemen anak bagi elemen media <audio>
dan <track>
. Ia membenarkan menentukan sari kata bermasa (atau data berasaskan masa), contohnya untuk memproses sari kata secara automatik.
track
给媒体元素添加的数据的类型在 kind
属性中设置,属性值可以是 subtitles
, captions
, descriptions
, chapters
或 metadata
。该元素指向当用户请求额外的数据时浏览器公开的包含定时文本的源文件。
一个media 元素的任意两个 track 子元素不能有相同的 kind, srclang, 和 label属性。
<video controls width="250" src="xxx.mp4"> <track default kind="captions" srclang="en" src="xxxxx.vtt"/> Sorry, your browser doesn't support embedded videos. </video>
<strong>效果图:
<optgroup>
标签定义选项组。
optgroup
元素用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。
<select> <optgroup label="Group 1"> <option>Option 1.1</option> </optgroup> <optgroup label="Group 2"> <option>Option 2.1</option> <option>Option 2.2</option> </optgroup> <optgroup label="Group 3" disabled> <option>Option 3.1</option> <option>Option 3.2</option> </optgroup> </select>
<strong>效果图:
简单的介绍这个功能,大多数的时候,我们所选择的框架开发,都会集成这种效果,可维护性也比较好,这里权当认识一下这个标签,不要遗忘了它~
HTML <output>
标签是HTML 5 中的新标签,表示计算或用户操作的结果,执行计算然后在 <output>
元素中显示结果。
<strong>注释:
Internet Explorer
不支持 标签。
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)"> <input type="number" name="b" value="40" /> + <input type="number" name="a" value="10" /> = <output name="result"></output> </form>
<strong>效果图:
HTML中的progress (<progress>
) 元素用来显示一项任务的完成进度.
进度条:<progress value="70" max="100">70 %</progress> <br /> 进度条:<progress></progress>
<strong>效果图:
<strong>提示
:请结合 <progress>
标签与 JavaScript 一同使用,来显示任务的进度。
不过一般会用到进度条的地方,都是组件,框架自带之类的,这个算是鸡肋的了,不过了解一下还是没有坏处的,哦对了,这个标签Internet Explorer 9
以及更早的版本不支持。
同progress
相比 meter
元素来度量给定范围(gauge)内的数据:
<p>显示度量值:</p> <meter value="3" min="0" max="10">3/10</meter><br> <meter value="0.6">60%</meter>
<strong>效果图:
HTML <details>
元素可创建一个挂件,仅在被切换成展开状态时,它才会显示内含的信息。<summary>
元素可为该部件提供概要或者标签。
<details> <summary>点击展开</summary> <p>世间万物,为我所用,非我所得。</p> </details>
<strong>效果图:
注意:
目前只有 Chrome 和 Safari 6 支持 <details>
标签。
相关推荐:《html视频教程》
Atas ialah kandungan terperinci Apakah tag yang tidak biasa dalam html?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!