Web standards for Web pages: making Web pages with meaningful HTML markup

HTML tag |web|web Standard | Web page

We all know that an important part of a building is the foundation, if not a solid foundation. Again gorgeous appearance and decoration are no longer there. We build Web-tagged pages, and most people are more concerned with CSS technology and its applications. But we also need to understand that CSS, however powerful, also works on XHTML. Without a well-formed XHTML base, our layout will be more difficult to implement. Perhaps our foundation is very solid, but the details are complex, the structure is unreasonable, will also become our development obstacle.

In the early days of the web, HTML was simply used to add basic forms and structures. With the development of the Internet, HTML is used to represent pages. We use a variety of combinations to achieve what we want to look like, and we're used to using a B tag to make the title of the document Bold, and we don't use the title H1~h6 to show them. More importantly, we run the table layout, in the early time the table is used to display tabular data, rather than for layout and layout display, as the web development, soon we found that everything has lost its original meaning. Font design, tables, bold, and so on, became porridge. Become difficult to understand. And more and more complex.

We are increasingly inclined to work with Web pages using WYSIWYG tool software such as Dreamweaver, but unfortunately, such software does not improve the mess, but adds more of its own complex tags. In this case, we can't edit the code with handwriting, it really sucks.

The appearance of CSS, we saw the dawn, the establishment of web-standard page Let us see the hope that people pay more and more attention to the site refactoring, so that performance and content separation, the new era has begun. We can remove some meaningless tags, such as: font, B, I, and so on, we put the work to CSS completed, we can use CSS layout instead of using a table to build the page.

We can create the document by the label itself, the default style of the browser we can redefine their appearance through CSS. Headings, paragraphs, or lists in the content, we can reset them through CSS. The title does not have to be large words, bold ugly look, paragraphs can control their line spacing and indentation, the list does not have to be vertical, we can also be arranged horizontally. Wait a minute.

The benefits of meaningful tagging make it easier to understand the content of the code and to deal with them more easily. For example, we need to modify all the outer links in the page, and if we add the appropriate tags to these elements, we can easily find them and make changes. If everything is mixed together, we can not start.

In addition to making our development easier, other devices and procedures for the document can also have a better understanding of the most typical of the search engine identification, search engine can be very convenient to find articles in the title, subtitle, article content. If the viewer is using handheld reading equipment, you can rely on the title, content, etc. to give good navigation and display weight.

The most important is the meaningful HTML tag, will provide a simple way to adjust the elements to the style you want, and these meaningful tags create a basic architectural framework model in the document, and we don't have to add other IDs or class tags to directly control the performance.

These meaningful tags are mainly:

H1, H2...h6;
UL, OL, DL;
Strong, EM;
BLOCKQUOTE, cite;
ABBR, acronym, code;
FieldSet, legend, label;
Caption, THEAD, tbody, TFOOT and so on.

In CSS page layouts, when you can use them, don't use anything else. Try to use meaningful HTML tags.