We lost some of the very semantic HTML tags

In fact, there are a lot of html tags is highly semantic, and after the table layout is popular, a lot of semantic labels on slowly been forgotten. For example, many people may have never seen a label: dl, dt, dd, cite, q, dfn, ins, del, var, and so on.

1. dl, dt, dd series definition list

Website reconstruction lot of people know ul, ol and li, but there is also a family list dl, is the "definition list." For example, the word inside the dictionary explanation, you can use the definition of such a list.

Such as:

<dl>
<dt>Dog</dt>
<dd>A carnivorous mammal of the family Canidae.</dd>
</dl>

2. cite and q, good references

When writing blog, often to quote some words of blogger, you can use the cite tag. General procedure progeny carrying blockquote blog, is used to refer to a large section, it must also include block elements, such as div, p and the like. But also comes with a blockquote cite attribute can be marked URI sources of information. cite label is mainly used to refer to someone's words, such as:

<p>And <cite>Bob</cite> said <q>No, I think it's a banana</q>.</p>

3. dfn, define

such as:

<p><dfn title="Microsoft web browser">Internet Explorer</dfn> is the most popular browser used underwater.</p>

4. ins, del, insert and delete

Del know, do not reuse <s> do delete the line with del clearly more semantic. But also with del cite and datetime to indicate reasons for the deletion, and the deletion of the time. ins is inserted, also has such properties. Such as: New build a front-end learning qun438905713, most in the group are zero-based learners, we help each other, answer each other, and also to prepare a lot of learning materials, welcomed the zero-based junior partner to the exchange.

<p>It really was <ins cite="rarara.html" datetime="20070620">very</ins> good.</p>

5. code, computer code is represented by

The label used herein, are used <code> and </ code> surrounded up, showing a computer code. And by default, these codes will be represented by the dozen fonts.

6.button, less Input

The default button performance and input type = "submit" is the same. From the point of view names, of course, be used as a button to button as the preferred strategy.

Talking about here, little of it, but I think it is more commonly used when writing Blog. Html RSS relative advantage lies in clear and simple semantics defined, in fact, there are still many interesting html tag, w3.org can refer to the relevant pages.

Published 50 original articles · won praise 5 · views 30000 +

Guess you like

Origin blog.csdn.net/html168/article/details/104466695