Translation: How to write beautiful HTML code

What Beautiful HTML Code Looks Like How to write beautiful HTML code.

An article written by a foreigner: What Beautiful HTML Code Looks Like How to write beautiful HTML codes feel very good. Reprint it and share it with you:

ps: Original address: http://css-tricks.com/what-beautiful-html-code-looks-like/

Don't forget the declaration at the head, it will tell the browser how to render your HTML.

Set the title, character set. Configure CSS and JS external links (including a print CSS).

Give body an ID. The reason the author mentioned here is to facilitate the selection of medium containers for multiple pages. For example, by setting different IDs for BODY in page1 and page2, you can set two different effects through #page1 h2 and #page2 h2. I feel that this depends on the situation and the specific structure before using it.

Write menu code that matches semantics.

<div id=menu>

<ul>

<li><a href=index.php>Home</a></li>

<li><a href=about.php>About</a></li>

<li><a href=contact.php>Contact</a></li>

</ul>

</div>

ps: I personally think it should be easier to write code like this:

<ulid=menu>

<li><a href=index.php>Home</a></li>

<li><a href=about.php>About</a></li>

<li><a href=contact.php>Contact</a></li>

</ul>

There is a body DIV that contains all the contents. Convenient to fix the width, margins, etc. of the body.

Write the main content first, then the secondary content. If your navigation or sidebar is not very important, it is best to write them at the end.

Introduce common parts such as navigation and end of pages through dynamic calls, such as PHP include.

Indent code

Note the end tag

Use title tags such as <h1>~<h6> where appropriate to divide paragraphs.

Don't write styles on tags, HTML is just used to represent structures. Let's leave the performance to CSS.