Web Design - Head Section

By CRAIG KUNCE

<head></head>

A web page is made up of two basic parts, the head and body. (We'll discuss the body a little later). The head contains instructions that tells the browser what information it needs to know (or where to go to get it) so it can display your web page properly.

The head can also contain these elements:

 

<meta charset="UTF-8">

This meta tag in the head of our web page defines how the characters are encoded. Characer encoding takes all of those binary ones-and-zeros that computers use to talk to each other and displays them is an alphabet (character set) that the browsers, and us, can read. Character sets come on many different languages–so everyone can enjoy the Web.

Note that these tags aren't closed like we are used to. Since there is no content or text contained in the tag

 

<title>Web Design Fundamentals</title>

The title of your page serves a dual purpose. First it is a title, telling users what page they are on. But… the real power comes when the title intereacts with a search engine or a web spider or bot. A well written title states, succinctly, exactly what your web page offers to people viewing it. When your web page is categorized in a search engine (found by a spider or bot) your clear title helps place you at the top of a search engine's results list. This is referred to a SEO, or Search Engine Optimization.

 

<link href="../craigkunce.css" rel="stylesheet" type="text/css" />

This tag is the ever-powerful link to your web site's css file. The css file tells your browser how to display your web page—exactly what your type, art, photos, boxes, margins, white space, etc., should look like. Important stuff to a graphic designer!

 

<script></script>

Javascript functions are found in the head section. These can range from google analytics scripts gathering data from your web page visitors, to an animated portfolio window that pops up when clicked.