Webmaster Tips » HTML
New Elements in HTML 5
Web pages and their design are laid out using HTML. HTML stands for Hyper Text Mark-up Language. HTML is comprised of 'tags' or elements that tell your browser what the different areas of your webpage are. You can use these elements to define paragraph areas, images and their dimensions and also font sizes, colors and styles etc. There are many HTML elements and a lot of these have varying attributes like width, height, name, etc. This article will not focus on specific HTML elements; our aim is to give you a brief overview of HTML before moving on to how it has developed into HTML 5…
Choosing the right DOCTYPE
Here are the simple guidelines for choosing a doctype for a new HTML document, and explanation why you should prefer Strict DOCTYPE over Transitional.
Creating a Floating HTML Menu Using jQuery and CSS
For all of us who deal with long web pages and need to scroll to the top for the menu, here's a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it's fully W3C-compliant.
This tutorial covers how to create a "floating menu" using HTML, CSS, and jQuery. To reiterate, a floating menu stays visible even if you scroll down a web page. They're animated, so they move up and down as you scroll the browser window up or down.
3 Principles of HTML Code Optimization
Just like spring cleaning a house, the html code of your web pages should get periodic cleaning as well. Over time, as changes and updates are made to a web page, the code can become littered with unnecessary clutter, slowing down page load times and hurting the efficiency of your web page. Cluttered html can also seriously impact your search engine ranking.
This is especially true if you are using a WYSIWYG (What You See Is What You Get) web design package such as FrontPage or Dreamweaver. These programs will speed up your web site creation, but they are not that efficient at writing clean html code..
Not long ago Google Blogger platform added new widget-driven templates, which use different approach from the "Classic" template. Classic template was based on HTML, new Blogspot templates now are based on XHTML which is a branch of XML.
So, classic templates are incompatible with new Blogger templates. New blogger templates use "Page Elements" (widgets) but the places where you can insert widgets are rather limited. So what about if you need more flexibility than they allow?..
Replace tables with DIVs and CSS
By now, most web designers are aware of the many benefits of using (CSS) to control the formatting and appearance of text elements within their web pages. Indeed, if applied properly, Cascading Style Sheets can substantially cut down the amount of code needed to present a web page in a polished and professional manner..
The Myth of W3C Compliance?
The past few years have seen a huge increase in the number of search engine optimisers preaching about the vital importance of W3C Compliance as part of any effective web promotion effort. But is compliant code really the 'Magic SEO Potion' so many promoters make it out to be?..
The Top Five Forgotten Elements
So you’re a front-end guru who spends your day churning out complex CSS layouts and dynamic DOM wizardry. You’ve mastered cross-browser layouts, you’re confident with your DOM scripting skills, and you’ve made every effort to make your pages as usable and accessible as possible.
Before you declare your tasty web standards trifle ready to be served, have a read through the following five elements that may have slipped off your radar (dfn, cite, var, samp, kbd). They’re supported by all major browsers, and implementing them is easy to do and takes almost no time at all.
HTML Cheat Sheet
The HTML cheat sheet is a one-page A4 printable document, designed to provide a quick reference for HTML. A description of what is on the cheat sheet follows, or if you are impatient, you can go straight to the full size HTML cheat sheet..
Phillip Kimpo Jr.