你需要了解卻不常見的10個Html標籤-html教學-PHP中文網

1. <cite>

2. <optgroup>

3. <acronym>

4. <address>

5. <ins> 和<del>

6. <label>

7. <fieldset>

8. <abbr>

9. rel

10. <wbr>

首頁

web前端

html教學

你需要了解卻不常見的10個Html標籤

高洛峰

Mar 12, 2017 pm 05:36 PM

html標籤

這篇文章講述你需要了解卻不常見的10個Html標籤

現今,Web開發工程師在學習和工作中通常都使用了不只一門語言。因此，對一門語言的方方面面我們很難說得上都去了解,要精通一門語言也是相當有難度，比如語言中一些生僻但可能很有用處的關鍵字用法。

雖然我們以前可能對這些非常少見的HTML標籤並不了解或沒能完全用好他們，不過亡羊補牢，為時未晚，現在開始了解並能在以後的開發中正確的用上這些以前沒用過的標籤也不算太晚。

這裡我給了10個最不常見且常被誤用的HTML標籤。雖然可能不像其他HTML標籤那麼常見，但在某些特殊的情境下，他們仍然相當有用。

1.

相信大家都對

不陌生吧，但你知道
其實有個小弟叫不？允許在一個元素中定義一段文字作為引用。一般情況下，瀏覽器會把標籤下的文字設為斜體字，不過這可能會根據CSS有所改變。

      標籤在書籍目錄和其他網站地址引用的時候非常有用。這裡舉出一個如何在一段文字中使用標籤的例子:

       張三的突破性專著張三自傳為網路帶來一股新氣象.

2.

     當你想要在一個下拉框中對根據不同類型分組的選項添加一些定義時,標籤將會非常有用。例如，如果你想根據時間對電影進行分組，程式碼可以這樣寫：
<LABEL for=showtimes>Showtimes</LABEL> <SELECT id=showtimes name=showtimes><OPTGROUP label=1PM></OPTGROUP> <OPTION selected value=titanic>Twister</OPTION> <OPTION value=nd>Napoleon Dynamite</OPTION><OPTION value=wab>What About Bob?</OPTION><OPTGROUP label=2PM></OPTGROUP> <OPTION value=bkrw>Be Kind Rewind</OPTION> <OPTION value=stf>Stranger Than Fiction</OPTION></SELECT>
登入後複製
範例：

3.

     標籤通常用於對一句話(詞組)添加定義或更詳細的解釋。當使用者將滑鼠停留在新增了標籤的文字上面，新增的註解或定義會在文字下方顯示。如：
微博網站  Twitter 最近引起了網路上的一股新的風潮！
範例：
微博網站最近引起了網路上的一股新的風潮！
4.

標籤是個相當少見的標籤，但這並不代表它沒什麼用處。望文生義，
允許你在HTML中根據語意來標記地址。這個很好用的標籤同樣會把它內部的資料用斜體字標識，不過，這個樣式很容易透過CSS修改。
<address> 中国，上海市，闵行区，XX路，XX小区，XXX室 </address>
登入後複製
範例：
中國，上海市，閔行區，XX路，XX小區，XXX室

5. 和
     如果你想透過標記來顯示文件編輯樣式，和~~剛好可以用到。就像它們的名字，透過一個底線來突出那些被加入文件的內容，而~~則透過刪除線來顯示那些從中刪除的文字。~~~~
没有了驴子,我们的日子还要怎么<DEL>过下去</DEL> <INS>活下去</INS>?
登入後複製
範例:沒有了驢子,我們的日子還要怎麼過下去#活下去?
6.
     當標記文件時，表格元素很容易被遺忘。在表格元素中，最容易被遺忘的元素之一怕要數標籤了。但對標籤來說，它不僅可以相當方便的表示一段文字，同時，它更能透過for屬性來指定標籤被用於哪個元素。這些不僅很容易被定義樣式，它們還允許你將標籤的文字設計成像按鈕一樣可以被使用者點擊。
<LABEL for="username">用户名</LABEL> <INPUT id="username" type="text">
登入後複製
7.

是相當好用的標籤，它可將表單內的相關元素按邏輯分組。一旦這些元素透過
標籤放在一起，另外透過將標籤和fieldset綁定可以為分組定義標題。
<FORM><FIELDSET> <LEGEND>你觉得自己牛X么?</LEGEND> Yes<INPUT value=yes type=radio name=yes> No <INPUT value=no type=radio name=no> </FIELDSET> </FORM>
登入後複製
範例:
8.
和是一类的标签，只是标签只用于定义缩写的词组。就像,相当于你给元素添加了一个标题或称号。当用户将鼠标悬停在缩写词上面，它的全称会在下方显示。标签很少被用到，不过它对屏幕阅读器，拼写检查程序和搜索引擎很有用。
他<ABBR title="妈">文明用语</ABBR>的
登入後複製
例子：他文明用语的!
9. rel
Rel是一个相当有用的属性，基本上任何一个HTML元素都可以应用Rel属性(注1)。它可以为那些没有别的方式提供详细信息的元素提供额外的信息。这在javascript和HTML一起工作时尤其有用。如果你有一个你可能想在内部编辑，你可以这样添加代码：
<html> <body> <p><a id="myAnchor" rel="index" href="http://www.w3school.com.cn">Visit W3School.com.cn</a></p> <script type="text/javascript"> x=document.getElementById("myAnchor"); document.write(x.rel); </script> </body> </html>
登入後複製
     javascript会找到rel属性为clickable的link元素，然后它可以接着通过ajax内部改变元素。当然，这个只是你可以应用rel属性的无数种情况中的一种，你可以用其他方式来很好的使用rel属性。

10.

     (注2)是个基本已经销声匿迹的标签。坦诚的说，我怀疑读者中的大多数都没接触过这个标签，毕竟它太少用到了(真的，在写这篇文章之前，我自己都没见过这个标签)。这个标签允许你指定一块区域来强制使用换行符，但仅仅是确实必要的时候。该元素很特殊因为它定义在浏览器中添加换行符，如果需要的话，它可以在你极力避免浏览器中出现横向的滚动条时实现符合要求的界面。

如果你想在不必使用标签的情况下达到相同的效果，你也可以尝试或。但千万注意，这三个标签中没有一个可以完全支持所有浏览器的。如果你想看看哪些浏览器支持这三种标签可以看看这篇文章。

译者注：

注1，实际上rel通常用在a和link标签中，它常和rev一起出现。

注2，wbr不是标准的html标签，它最开始是网景公司添加的，但随后被移除掉了。

附注：

      这篇文章仅仅是一个参考，实际上，由于一些地方使用和解释得并不清楚, 它也引起了比较多的争论，建议如果确实对这些标签有兴趣研究的朋友，可以参看下原文地址并仔细的查看文章的一些回复。

      另外有朋友认为这些少见的标签兼容性会很差，所以我们应少用。然而恰恰相反，上面列举的标签，除了最后一个不符合标准不推荐使用之外，其他都符合W3C标准，它们兼容目前任何主流浏览器。当然，由于和功能基本一样，在新的html 5标准中不推荐使用，w3c推荐用代替。

       最后有人可能认为这里的一些标签都可以用其他一些常见标签实现相同功能，因此没必要使用。不过正如回复中沉默杨仔所说：“w3c就是要语义化页面内容”，对用户说，可能你可以通过普通标签实现一样的功能，但对机器(e.g.屏幕阅读器，单词拼写检查程序，搜索引擎等)来说，这种标签它们更容易懂。所以我认为，如果你的网页中真有这些标签可以应用的场合，最好还是使用这些标签来实现相应的功能。

以上是你需要了解卻不常見的10個Html標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7538

CakePHP 教程

1380

steam的賬戶名稱是什麼格式

win11激活密鑰永久

NYT連接提示和答案

Related knowledge

如何在Go語言中使用正規表示式擷取HTML標籤內容 Jul 14, 2023 pm 01:18 PM

如何在Go語言中使用正規表示式擷取HTML標籤內容導讀：正規表示式是一種強大的文字比對工具，它在Go語言中也有著廣泛的應用。在處理HTML標籤的場景中，正規表示式可以幫助我們快速擷取所需的內容。本文將介紹如何在Go語言中使用正規表示式擷取HTML標籤的內容，並給予相關程式碼範例。一、引入相關套件首先，我們需要導入相關的套件：regexp和fmt。 regexp包提供

如何使用Python正規表示式去除HTML標籤 Jun 22, 2023 am 08:44 AM

HTML（HyperTextMarkupLanguage）是用於建立Web頁面的標準語言，它使用標籤和屬性來描述頁面上的各種元素，例如文字、圖像、表格和連結等等。但是，在處理HTML文字時，很難將其中的文字內容快速地提取出來用於後續的處理。這時，我們可以使用Python中的正規表示式來移除HTML標籤，以達到快速擷取純文字的目的。在Python中，正規表

PHP如何去除字串中的HTML標籤？ Mar 23, 2024 pm 09:03 PM

PHP是一種常用的伺服器端腳本語言，廣泛應用於網站開發和後端應用程式開發。在開發網站或應用程式時，經常會遇到需要處理字串中的HTML標籤的情況。本文將介紹如何使用PHP去除字串中的HTML標籤，並提供具體的程式碼範例。為什麼需要移除HTML標籤？在處理使用者輸入或從資料庫中取得的文字時，經常會包含HTML標籤。有時我們希望在顯示文字時移除這些HTML標籤

php中怎麼轉義html標籤 Feb 24, 2021 pm 06:00 PM

在PHP中，可以使用htmlentities()函數來轉義html，能把字元轉換成HTML實體，語法「htmlentities(string,flags,character-set,double_encode)」。 PHP中也可以使用html_entity_decode()函數來反轉義html，把HTML實體轉換成字元。

如何在Java中從給定的字串中刪除HTML標籤？ Aug 29, 2023 pm 06:05 PM

String是Java中的final類，它是不可變的，這意味著我們不能改變物件本身，但我們可以更改物件的引用。可以使用String類別的replaceAll()方法從給定字串中刪除HTML標籤。我們可以使用正規表示式從給定字串中刪除HTML標記。從字串中刪除HTML標籤後，它將傳回一個字串作為普通文字。語法publicStringreplaceAll(Stringregex,Stringreplacement)範例publicclassRemoveHTMLTagsTest{&nbs

如何在HTML表格中使用HTML標籤？ Sep 08, 2023 pm 06:13 PM

我們可以輕鬆地在表格中新增HTML標籤。 HTML標籤應放置在<td>標籤內。例如，在<td>標籤內新增段落<p>…</p>標籤或其他可用標籤。語法以下是在HTML表格中使用HTMl標記的語法。 <td><p>Paragraphofthecontext</p><td>範例1下面給出了在HTML表格中使用HTML標籤的範例。 <!DOCTYPEhtml><html><head&g

HTML中起始標籤的示例是什麼？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

PHP正規表示式驗證基本的HTML標籤的方法 Jun 24, 2023 am 08:07 AM

PHP是一種高效率的網頁開發語言，其支援正規表示式功能，能夠快速驗證輸入資料的有效性。在網頁開發中，HTML是常見的標記語言，而對HTML標籤進行驗證，是網頁表單驗證的非常重要的方法。本文將介紹基本的HTML標籤驗證方法，以及如何使用PHP正規表示式進行驗證。一、HTML標籤基本結構HTML標籤由尖括號包圍的元素名稱和屬性組成，常見的標籤包括p、a、div

See all articles

你需要了解卻不常見的10個Html標籤

1.

2.

3.

4.

5. 和

6.

7.

8.

9. rel

10.

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題