Home  >  Article  >  Web Front-end  >  Forgotten html tags_Experience exchange

Forgotten html tags_Experience exchange

WBOY
WBOYOriginal
2016-05-16 12:09:161639browse

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, ddFamily 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.

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