Home  >  Article  >  Web Front-end  >  What are the uncommon tags in html?

What are the uncommon tags in html?

青灯夜游
青灯夜游Original
2021-12-23 16:27:563633browse

htmlUncommonly used tags include: pre, figure, figcaption, em, strong, del, ins, sub, sup, ruby, bdo, vedio, audio, track, optgroup, output, progress, meter, etc. .

What are the uncommon tags in html?

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

htmlUncommonly used tags

1. pre tag

HTML <pre class="brush:php;toolbar:false"></pre> Element represents predefined formatted text. The text in this element is usually displayed in a fixed-width font according to the format in the original file, and whitespace characters (such as spaces and line breaks) in the text will be displayed.

For example:

<pre class="brush:php;toolbar:false">
    < Hello World >                          我      就是   想
      ---------------------------                    乱    七   
            \   ^__^                            八       遭
              \  (oo)\_______
                (__)\       )\/\        的                     定位  写
                    ||----w |
                    ||     ||                      出来 ~

Rendering:

##2, figure and figcaption

HTML

The element represents an independent piece of content, often used in conjunction with the description (caption)
, and as an independent reference unit . When it belongs to the main content flow (main flow), its position is independent of the body. This tag is often used to refer to pictures, illustrations, tables, code snippets, etc. in the main text.
<figure>
	<img    style="max-width:90%" src="img/2.jpg"  alt="What are the uncommon tags in html?" >
	<figcaption>美丽的海景~</figcaption>
</figure>

Rendering:

What are the uncommon tags in html?

##3. em tag and strong tag

HTML emphasis element (

) marks the content that users need to focus on reading, <em> elements can be nested. The deeper the nesting level, the more important the content it contains needs to be read. It is generally displayed as <code>" Italic font ". The Strong element (

) indicates that the text is very important and is generally displayed in bold.

4. The del tag and the ins tag

HTML's

tag indicates that something has been deleted from the document## The text content of #. For example, you can use this tag when you need to display modification records or source code differences.

<p><del>这段文本已被删除。 </del>, 请浏览其它部分</p>
Rendering:


HTML

The element defines text that has been inserted into the document.

<ins>这一段文本是新插入至文档的。</ins>
Rendering:

##5. Sub tag and sup tag

The HTML element defines a text area that, for typographical reasons, should be displayed lower and smaller than the main text.

<p>水的化学公式: H<sub>2</sub>O</p>

Rendering:

HTML

element defines a text area, out of For typographical reasons, it should be displayed lower and smaller than the main text.

<p>2 + 3<sup>2</sup>= 11</p>

Rendering:


6, ruby ​​tag

HTML element is used to display East Asian phonetic phonetic or character annotations.

<ruby>
  曲 <rp>(</rp><rt>qu</rt><rp>)</rp>
  小 <rp>(</rp><rt>xiao</rt><rp>)</rp>
  强 <rp>(</rp><rt>qiang</rt><rp>)</rp>
</ruby>

Rendering:


7, bdo tag

Specifies the text direction of the child element , to explicitly override the default text direction. The

element (

HTML Bidirectional Overlay Element

) is used to override the orientation of the current text, which causes the characters to be arranged in a given direction. <pre class="brush:html;toolbar:false;">&lt;p&gt;这段文本是从左到右的&lt;/p&gt; &lt;p&gt;&lt;bdo dir=&quot;rtl&quot;&gt;这段文本是从右到左的&lt;/bdo&gt;&lt;/p&gt;</pre>Rendering:

When you use

css to write a large number of styles, is there any I thought about it, there is a tag that can replace a large number of style attributes.

8, vedio, audio and track

vedio, audio and track are all products of HTML5. I believe many friends are. I must have used

The above is the detailed content of What are the uncommon tags in html?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn