Home > Article > Web Front-end > Forgotten html tags_Experience exchange
In fact, there are many html tags that are very semantic. However, after table layout became popular, many semantic tags were slowly forgotten by people. For example, tags that many people may have never seen before: dl
, dt
, dd
, cite
, q
, dfn
, ins
, del
, var
, etc.
1. dl
, dt
, dd
Family definition list
Website reconstruction has made many people aware of ul
, ol
and li
, but there are still others in the list family A dl
is the "definition list". For example, this kind of list can be used for the explanations and definitions of words in the dictionary.
For example: <strong><dl></strong>
<dt>Dog</dt>
<dd>A carnivorous mammal of the family Canidae.</dd>
<strong></dl></strong>
2. cite
and q
, good quotes
When writing a blog, you often need to quote some bloggers’ words, so you can use the cite
tag. The blockquote
that comes with general blog programs is used to quote large paragraphs and must also contain block-level elements, such as div
, p
, etc. Moreover, blockquote
also comes with a cite
attribute, which can mark the source of the data with URI. The cite
tag is mainly used to quote someone’s words, such as: <p>And <strong><cite></strong>Bob<strong></cite></strong> said <q>No, I think it's a banana</q>.</p>
3. dfn
, define
for example: <p><strong><dfn title="Microsoft web browser"></strong>Internet Explorer<strong></dfn></strong> is the most popular browser used underwater.</p>
4. ins
, del
, insertion and deletion
If you know del
, don’t use <s>
as a strikethrough. Using del
is obviously more semantic. And del
also has cite
and datetime
to indicate the reason for deletion and the time of deletion. ins
means insertion and also has such attributes. Such as: <p>It really was <strong><ins cite="rarara.html" datetime="20031024"></strong>very<strong></ins></strong> good.</p>
5. code
, indicates computer code
The tags used in this article are all surrounded by and
, indicating computer code. By default, these codes will be expressed in typeface.
6.button
, use less Input
The default performance of button
is the same as input type="submit"
. From the naming point of view, button is of course the first choice when used as a button.
I haven’t talked about it much here, but I think it is more commonly used when writing blogs. The advantage of RSS over HTML lies in its clear and simple semantic definition. In fact, HTML still has many meaningful tags. You can refer to the related pages of w3.org.