Web Design Information & Guide

Three Principles of HTML Optimization

Spring cleaning, as a house, the HTML of your web pages, and you need regular cleaning. Over time, updates and changes on a web page, the code is useless countless background, slowing page loading and hurt the effectiveness of your web page. About loading HTML serious can your search engine rankings.

This is particularly the case if you use a WYSIWYG (What You See Is What You Get) web site design packages, such as FrontPage or Dreamweaver. These programs are at your website, but they are not as effective as writing HTML code.

We will continue this discussion at the actual HTML, ignoring other programming languages may be used on a single page, such as JavaScript. In code examples I used (and) signs of good instead of HTML, so that the code samples, data are displayed properly in this newsletter.

Until recently, during encoding in an HTML page, we will be with the tags (police) and day (p) paragraph tags. Between these tags would be our content, text, images and links. Each time a change was the formatting on the page needs to be with new tags for formatting to complete the new section. Recently, we have the ability to use CSS, which allows us once the format and focus on the format, which several times in a Web page.

To display the page load we need less characters to the page, if it in an HTML editor. Since we do not really want to delete all of our visible content we need the HTML code. Cleaning that we can remove these special characters, which allows a small web page load faster.

Over time HTML has changed and we now have many different ways to do the same. For example, the code used for a fat face. In HTML we have two important decisions, the (strong) and day (b) tag. As you can see, the (very) tag uses 5 more characters (b) the date, and if we have the closing tags and we see that the (very) (/ strong) tag pair more than 10 characteristics of the (b) (/ b) tag individual.

This is our first principle of the HTML code: Using the method of coding easier to provision.

HTML is the possibility of another in the code of the nested code. For example, a line of three words, where the center of words in bold. This could be achieved using the complete formatting each time the changes formatting visible. Look at this code:

(font face = “Times”) This (/ font)
(font face = “Times”) (strong) BOLD (/ strong) (/ font)
(font face = “Times”) Word (/ font)
This lasts up to 90 characters.

This is very poorly written and HTML is what you get from time to time, when you use a WYSIWYG editor. Since the (font) tags are always the same information that we simply nest (strong) in the days (of police) tags, and better yet, use the (b) tag instead of the (strong) tag. We of this code (font face = “x) Ce (b) of fat (/ b) Word (/ font), the recording of 46 characters.

This is our second principle of HTML code: Use nesting tags, insofar as is possible. Note that WYSIWYG editors are often updated by using the layer on layer formatting code intertwined. So if you clean the code redundancy code embedded sleeps as WYSIWYG editing your program.

This is a big problem when using HTML tags is that we repeat, if the days of coding, we change the formatting. The advent of CSS allows us a great advantage in the programs, by allowing us, for formatting layout once in a document, then it suffices to find again and again.

If we have a page on six points, two different types of formatting, such as titles in blue, fat, Ariel, size 4 and paragraph text in black, Times, size 2, with tags, we We need the list, a layout, every time we make a change.

(font face = “Ariel” color = “blue” size = “4″) (b) Our heading (/ b) (/ font)
(font face = “Times color =” black “size =” 2 “) paragraph (/ font)
(font face = “Ariel” color = “blue” size = “4″) (b) Our next section (/ b) (/ font)
(font face = “Times color =” black “size =” 2 “) Our next section (/ font)

We would then repeat for each position, and the paragraph of HTML code.

We can create with CSS, the CSS styles for each type of formatting, style list, when in the header of the page, then click on the style every time we make a change.

(Head)
(stylesheet type = “text / css”)
(–
. style1 (
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
)
. style2 (
font-family: “Times New Roman”, Times, serif;
font-size: 12px;
)
-)
(/ Style)
(per capita)
(Corps)
(p class = “style1″) Title of the head (/ p)
(p class = “style2″), item text (/ p)
(/ Body)

Note that styles are in the HEAD section of the page, then click the BODY section. If we’re in better shape on the previously created styles.

This is our third principle of Clean HTML Code: Use CSS styles, if possible. CSS has several other advantages, such as the possibility of CSS styles in an external file, thus reducing the page size even more, and the ability to quickly update formatting site, at scale by simply pressing the update to the CSS file.

The help of a simple cleaning of your HTML code, you can file size and fast loading to reduce, thin and medium-sized web page.

Bookmark!             Digg!            Advertise

TOP TERMS for Three Principles of HTML Optimization

Website Guide

 guide (1)