What is performance and content separation?

What is performance and content separation?

What is performance and content separation:
Performance and content separation are the principles that have always been advocated by the web page layout and are also one of the most popular terms at the moment. Although many developers are already using the performance and content separation principles for web page layout, but I didn't pay too much attention to it. Next I will introduce what is performance and content separation in combination with code instances.
The code example is as follows:

 

<! DOCTYPE html> 
 
The performance of the above Code and the content separation principle are not good, because the style and webpage structure of text control are mixed together. This is not only not conducive to the modification of the web page, but also makes the content of the Web page not to be well displayed under the search engine, is not conducive to SEO.
The above code is modified as follows:
 
<! DOCTYPE html> 
 
The preceding Code separates content from performance. From the above two codes, we can see that the so-called "content" is the skeleton of a webpage. If the structure of a webpage is typographical, the "performance" is the polishing of the "content, for example, the div width or height, and the font color size. In this way, the content of the webpage is displayed naked in front of the search engine, which is also conducive to website optimization.
The original address is: http://www.softwhy.com/forum.php? Mod = viewthread & tid = 4775.