Use semantic tags to write your HTML compatible with IE6,7,8

HTML5 adds more semantic tags, such as header, footer, nav, etc., so we no longer need to use the following method to layout when writing pages:

And you can layout it like this:

CSS:

header,content,footer{display:block}

The above means to customize a tag as header and set it to block display. The complete code is attached below:

Let's talk about something irrelevant. Why should we write HTML in a semantic way?

First, the code is easy to read. When others look at your code, they can understand it at a glance. Second, it is beneficial to SEO. Search engine crawlers will largely ignore the tags used for presentation and only focus on semantic tags.

So, start writing your HTML using semantic tags. It’s not that hard, right?

Appendix 1:

The above article about using semantic tags to write your HTML compatible with IE6, 7, and 8 is all the content that the editor shares with you. I hope it can give you a reference and I also hope that you will support 123WORDPRESS.COM.

Original URL: http://www.cnblogs.com/shouce/p/5385701.html