Shulou(Shulou.com)06/02 Report--

This article mainly introduces why the web page design should optimize the code, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, let the editor take you to understand it.

Because the network is a constantly changing and developing organism, it is very important to build a website that can change and grow with the network, and it is also important not to be hurt by the network shock wave when the network world changes.

Cleaning tags and using web standards to build websites may be confusing, but in the long run, doing so can save not only time but also money.

With the expansion of the network, the technology used in the network is also constantly developing. HTML has existed in the Internet for a long time, and a lot of derivatives have been produced in the process of continuous development.

The first is Javascript, followed by CSS, XML, and AJAX. Widespread adoption of HTML5 is just around the corner, and Firefox, Safari, Opera and Chrome are all supported by HTML5 (IE lags behind).

In this article, I will study the basis of the network standard. What is it? What does it mean to you? I will point out some very important problems that are easily overlooked by everyone at ordinary times.

What does the "clean" mark mean?

In short, this means eliminating clutter and making standards compatible, using the same tags and structures for different languages.

Clean HTML can reduce the use of unnecessary tags, eliminate unnecessary things, and use very small tags to successfully complete a task. It does not use unnecessary attributes, such as the built-in CSS, the structure and organization of each file.

Similarly, clean CSS should also avoid duplication and make use of existing resources. Compliance means that your page conforms to the HTML, CSS, and XML standards published by the W3C. It means using the W3C to detect errors, correct, and test until your page is 100% available.

Every website design project has a time limit, and customers want their site to be completed ahead of schedule. Therefore, network developers and designers are under constant pressure to improve work speed and efficiency.

I usually think: "thinking fast will become very hasty, similarly, marking in a clean, standard format will take a lot of time," and usually say, "this has worked, and that's the most important thing."

Of course, for now, it does work for you. But what will happen next year? What will happen three years from now? What about the new browser? What will be the impact?

Do you really think search engines will work in the same way all day long? You are very picky, if you do not meet the standards, your apparent web page level will decline.

What happens when the next person has to modify the web page you created? What happens if you are hit by a car, hijacked by aliens, and can't find a camp during a polar expedition? This person has to pick up the mess you left behind and put a lot of effort into looking at and understanding the code. Will it be an easy thing? Who can guarantee that this person will not have a headache and yell at you.

So the first time to do it in the right way, this is not an annoying thing, this is a philosophy of life. If you do this, it will actually save you a lot of time and money, and make it easier for the people you work with.

You might think that it would be faster to write whatever you want in the built-in CSS than to write it according to certain rules. And you might think it would be faster to write at will without considering the entire file structure.

In the future, when you update the file or redesign the website, you will spend more time making up for the code you wrote at random, which far exceeds the time you saved at that time. When you write a new page, the pesky embedded code you used before will come back and trap you, and it will take you a lot of time to get out of it.

Scalability, accessibility, transformation, and future standards

The development of mobile browsers is becoming more and more promising, and now almost everyone can use their mobile phones to surf the Internet. Assistive technologies are also being developed, such as screen readers for the blind and variable interface devices for the disabled. You certainly don't want to lose because you don't take these changes into account.

For netizens from all over the world, the content on your site may be partially translated into multiple languages. Because of Internet archives, Google caches and other web elements, the page you post today may be online for a long time, even if you have deleted it from your site.

Cleaning tags and standards still have a long way to go to ensure that your site changes smoothly with the development of the network in the future.

What to do and what not to do

Use tags as you think. For example: H2 is the highest level on the page, followed by h3, h4, and so on. There should be only one child H2 tag on each page.

Name your CSS standard and ID with meaningful names, and ask yourself what no one else can see in the name. These names are also interesting: # box12 or # comment scale?

Make good use of CSS. For example, if you set a font in a folder, you don't need to reset it in every subfolder unless you want to set a different font in each subfolder. This may cause your page to be opened quickly.

Use your HTML, CSS, and XML to correct as many errors as possible. At the same time, pay attention to the warnings.

Carefully examine the code generated by WYSIWYG and do the necessary code cleanup. The code is bloated and redundant, and it contains a lot of unnecessary and useless garbage.

Don't inject tags and attributes that have nothing to do with the embedded format just because you are in a hurry.

Do not continue to use it just because it has a short-term effect, because the availability of a page does not mean that its code is standard, problem-free, and suitable for search engines.

Thank you for reading this article carefully. I hope the article "Why optimize the Code in Web Design" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.