Web standards Knowledge-the use of similar tags _ experience exchange

We've talked about the difference between strong and EM in the front. In addition to strong and EM there are some similar tags such as q, cite, blockquote. These three belong to the reference class, but there are some differences here, first of all to one by one explanation.

, Q's role is to refer to non-block elements, that is, the reference can not form the content of the paragraph, may be someone said a sentence, it may be a document excerpt, and so on, the characteristics are obviously here is "one sentence." and q itself does not produce paragraphs. Q itself does not have any style, the General browser will not give him a default style to make it stand out. But we can use CSS to make it separate from the general content area. There is also a property in the Q tag that is very important, and that is cite. In this cite attribute value, it is mainly to indicate where the reference content originates from, or to give an online address.

this time, you'll get to know more about the details of the passage.
Be careful not to write Q as p, these two tags are easy to mistake.

In the previous article, I actually talked about cite, in which I wrote, "This label only lists the title and name of the document." This tag is a bit like the catalogue content of the references in the back of our book, and a bit like a footnote. "So what's the difference between him and Q?" It's easy to understand, Q is the display, and cite is the name or title of the person who said the content. Cite and q are often mixed together to use. Like what:

Lu XunMister Says: There is no road on the ground, walk more people, then have a road。
So what's the difference between blockquote and them? BLOCKQUOTE is a block reference, and XHTML allows it to contain any label. The above Q and cite are not so inclusive. The use of blockquote is when it is necessary to refer to one or more paragraphs of content, and the browser's general default processing indents the reference content to separate from the normal paragraph article area. Of course we can change the form of the distinction by CSS style.

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

There is also a tag called pre in the XHTML tag, which is called "Formatting" in Dreamweaver, and I never knew what it was for before using Dreamweaver. Until now it is clear that the pre is usually used to display the source code and does not support tags that can separate paragraphs such as

, displaying content such as line breaks is not required for code implementation as long as the line breaks in the source file. At the same time, the pre retains all the spaces in the note and displays them.

In general, the pre is mostly used to display the source code, which is similar to the use of code, unlike the pre is block-level, and code is inline. Simply put, the pre can include multiple lines of content, while code contains only a short sentence or a few characters.

It is not entirely clear what is being said here, and it is necessary to try it out after reading the document and find out what is special about it by yourself. Some friends say they want to see knowledge about CSS. Here I want to convey my intention of writing. I would like to step up and let some friends who have not yet detached from the table layout go into it in a way that does not affect the overall form. Because there might be compatibility issues with CSS, here's the document first, and then add some CSS knowledge that doesn't affect the overall layout. A step-by-step drill-down will eventually allow the reader to transition naturally from a tabular layout to a standard force. Of course, a friend has done this step by self-study, then you can go to my "standard" column to communicate with me.

