Web standard knowledge-tags with similar purposes

We have already discussed the difference between strong and em. In addition to strong and Em, there are some similar tags such as Q, cite, and BLOCKQUOTE. All three of them belong to the reference class, but there are some differences here. First, Let's explain them one by one.

<Q> </q>: Q is used to reference non-block elements, that is, the reference cannot form the content of a paragraph. It may be a sentence that someone says, it may also be an excerpt from a document. The feature is obviously "one sentence ". Q itself does not produce paragraphs. Q itself does not have any styles. Generally, browsers do not set a default style for it to highlight. However, we can use CSS to distinguish it from common content. Another attribute in the Q tag is very important, that is, cite. The CITE attribute value mainly indicates the source of the referenced content or the online address.

<Q cite = "http://andymao.com/andy/post/92.html"> This article will give you a better understanding of the details of the paragraph </q>
Note that Q should not be written as P. The two tags are easy to be mistaken.

In the previous article, we actually talked about cite.Article"This label only indicates the title and name of the document. This label is a bit similar to the contents of the reference document behind our book, and also a bit like a footer ." So what is the difference between him and Q? In fact, it is easy to understand that Q shows the content, while cite shows the name or title of the content. Cite and q are often used together. For example:

<Cite> Mr. Lu Xun </CITE> said: <q> there is no road on the ground. If there are too many people, there is a way </q>.
So what is the difference between BLOCKQUOTE and them? BLOCKQUOTE is a block reference. XHTML allows it to contain any tags. The Q and cite mentioned above do not have such a large volume. BLOCKQUOTE is used when you need to reference one or more sections of content. Generally, the browser will indent the reference content by default to distinguish it from the normal section and article. Of course, we can use CSS styles to change the form of differentiation.

There is a cite attribute in BLOCKQUOTE, which is used to indicate the reference source like Q. You can specify the URL of the online document.

There is also a pre tag in the XHTML tag, which is called "formatting" in Dreamweaver. Before using Dreamweaver, I still don't know what it is. It has not been clear until now that pre is usually used to displaySource codeAnd does not support labels that can separate paragraphs, such as <p>. If the display content needs to be wrapped in the source file, you only need to wrap it in the source file.Code. At the same time, pre retains all spaces in the note and displays them.

Generally, pre is mostly used to display source code, which is similar to code usage. The difference is that pre is block-level and code is inline. To put it simply, pre can contain multiple lines of content, while Code only contains one or several short characters.

The description here is not completely clear, so you need to try it after reading the document and discover its special features on your own. Some friends said they wanted to see knowledge about CSS. Here I want to convey my writing intent. I hope that, step by step, some friends who have not been separated from the table layout can use some forms that will not affect the overall layout. Since there may be compatibility issues when CSS is involved, let's first talk about the document and then add some CSS knowledge that does not affect the overall layout. Step by step, readers can naturally transition from table layout to standard forces. Of course, if you have completed this step by yourself, you can talk to me in the "Miscellaneous standards" column.