A preliminary study on CSS code structure: the establishment of the Foundation enables meaningful html tags

Source: Internet
Author: User
Tags html tags

We all know that an important part of a building is the foundation. If there is no solid foundation. The gorgeous appearance and decoration no longer exist. We create Web pages that comply with Web tags. Most people are more concerned with CSS technology and its applications. But we also need to understand that no matter how powerful CSS is, it also applies to XHTML. Without a well-structured XHTML Foundation, it would be difficult to implement the layout. Maybe we have a solid foundation, but complicated details and unreasonable structure will also become an obstacle for our development.
In the early days of the WEB, HTML was only used to add basic forms and structures. With the development of the Internet, HTML is used to express pages. We use a variety of combinations to achieve what we want. We are used to adding the title of a document with the B label, but we do not use the title h1 ~ H6 to display them. More importantly, we run tables for layout. In the early days, tables were only used to display table data, rather than layout and layout. With the development of WEB, soon we found that everything had lost its original meaning. Font design, tables, bold, and so on, has become a pot of porridge. It becomes hard to understand. And more and more complex. More CSS articles
We are more and more inclined to use what we see as WYSIWYG software like Dreamweaver to process web pages, but unfortunately such software has not improved the chaotic situation, instead, they add more complex tags. In this case, we can't edit the code by hand. It seems that everything is terrible. More CSS articles
The emergence of CSS has seen the dawn of hope that we can see the establishment of a Web page that conforms to the Web standards. People are paying more and more attention to website reconstruction and separating performance from content. The new era has begun. We can remove meaningless labels, such as font, B, and I. We hand over the work to CSS, and we can use CSS for layout instead of using tables to build pages.
We can create a document based on the meaning of the tag, and use CSS to redefine the default style of the browser. Titles, paragraphs or lists in the content. You can reset them through CSS. The title is not necessarily a large text, but the bold text is ugly. The paragraph can control their line spacing and indentation, and the list does not have to be vertical. We can also arrange them horizontally. And so on.
The benefits of meaningful labels make it easier for us to understand the content of code and process them more easily. For example, we need to modify all external links on the page. If we add a proper tag for these elements, we can easily find them and modify them. If everything is mixed together, we will not be able to start. More CSS articles
In addition to making development easier, other devices and programs can have a better understanding of the document. The most typical one is the identification of search engines, the search engine can easily find the title, subtitle, and content in the article. If a viewer uses a handheld reading device, you can use the title and content to give a good proportion of navigation and display. More CSS articles

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.