10 uncommon HTML tags you need to know-HTML Tutorial-php.cn

This article talks about 10 Html tags that you need to know but are not common

Nowadays, web development engineers usually use more than one language in their study and work. Therefore, it is difficult for us to understand all aspects of a language, and it is also quite difficult to master a language, such as the usage of some uncommon but potentially useful keywords in the language.

Although we may not have understood these very rare HTML tags before or failed to make full use of them, it is not too late to make up for it. Now we are beginning to understand it and can use it correctly in future development. It’s not too late for these previously unused tags.

Here I give 10 of the most uncommon and often misused HTML tags. Although they may not be as common as other HTML tags, they can still be quite useful in certain situations.

##1.

I believe everyone is familiar with

, but did you know that
actually has a younger brother named ? allows defining a piece of text as a reference within an element. Normally, browsers will set the text under the tag to italics, but this may change based on CSS.
The tag is very useful when citing book catalogs and other website addresses. Here is an example of how to use the tag in a piece of text:
Zhang San’s breakthrough monograph
张三AUTOBIOGRAPHY has brought a new atmosphere to the Internet.
2.
The tag will be very useful when you want to add some definitions to options grouped according to different types in a drop-down box. For example, if you wanted to group movies based on time, the code could be written like this:
<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>
Copy after login
Example:

3.

The tag is usually used to add a definition or a more detailed explanation to a sentence (phrase). When the user hovers the mouse over the text with the tag added, the added
annotation or definition will be displayed below the text. For example:
微博网站 Twitter has recently caused a new trend on the Internet!

Example:
The Weibo website has recently caused a new trend on the Internet!
4.
The
tag is a fairly rare tag, but this does not mean that it is useless. As the name suggests,
allows you to mark addresses semantically in HTML. This useful tag also italics the data within it, however, this style is easily modified via CSS.
<address> 中国，上海市，闵行区，XX路，XX小区，XXX室 </address>
Copy after login
Example:
China, Shanghai, Minhang District, XX Road, XX Community, Room XXX

5. and
If you want to display the document editing style through markup, and can be used. As their names suggest, uses an underline to highlight text that has been added to the document, while uses a strikethrough to highlight text that has been deleted from it.
没有了驴子,我们的日子还要怎么<DEL>过下去</DEL> <INS>活下去</INS>?
Copy after login
Example: Without donkeys, how can we
survive live?
6.
When marking up a document, table elements can easily be forgotten. Among table elements, one of the most forgotten elements is probably the tag. But for the tag, it can not only represent a piece of text very conveniently, but at the same time, it can also specify which element the label is used for through the for
attribute. Not only are these s easy to style, they also allow you to design the text of the label to be clickable by the user like a button.
<LABEL for="username">用户名</LABEL> <INPUT id="username" type="text">
Copy after login
7.

is a very useful tag that can logically group related elements within the form. Once these elements are grouped together using the
tag, a title can be defined for the grouping by binding the tag to the fieldset.
<FORM><FIELDSET> <LEGEND>你觉得自己牛X么?</LEGEND> Yes<INPUT value=yes type=radio name=yes> No <INPUT value=no type=radio name=no> </FIELDSET> </FORM>
Copy after login
Example:
8.
和是一类的标签，只是标签只用于定义缩写的词组。就像,相当于你给元素添加了一个标题或称号。当用户将鼠标悬停在缩写词上面，它的全称会在下方显示。标签很少被用到，不过它对屏幕阅读器，拼写检查程序和搜索引擎很有用。
他<ABBR title="妈">文明用语</ABBR>的
Copy after login
例子：他文明用语的!
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>
Copy after login

     javascript会找到rel属性为clickable的link元素，然后它可以接着通过ajax内部改变元素。当然，这个只是你可以应用rel属性的无数种情况中的一种，你可以用其他方式来很好的使用rel属性。

10.

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

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

译者注：

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

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

附注：

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

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

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

The above is the detailed content of 10 uncommon HTML tags you need to know. For more information, please follow other related articles on the PHP Chinese website!