HTML Validation

Standard

Validator

Link checker

CSS validator

ALWAYS check BOTH!

1. Validator 2. How it looks in the browser

Chrome and other web browsers have a web developer plug in that allows you to validate and check out your code. Just google it and you’ll be able to find the free download. Here is Chrome’s.

[from BYUI class:

  • Validate by URI: Allows you to enter the address of a page already on the Internet for validation
  • Validate by File Upload: Allows you to upload an HTML file for validation
  • Validate by Direct Input: Allows you to paste the contents of an HTML file into the window for validation

PAGE elements:

<html>
<head>
<title>
<base>
<link>
<style>
<meta>
<script>
<noscript>
<body>

STRUCTURAL elements:

<address>
<article>
<aside>
<div>
<footer>
<header>
<hgroup>
<nav>
<section>

CONTENT elements:

Headings – <h1>, <h2>, <h3>, <h4>, <h5>, <h6> ( most
developers never drop below an <h3>, don’t skip steps)
Paragraphs – <p>
Lists – <ol>, <ul>, <dl>, <li>, <dt>, <dd> (think dictionary)
Tables – <table>, <tbody>, <thead>, <tfoot>, <tr>, <th>, <td>
Voice changes – <strong>, <em>, <b>, <i>
Annotations – <cite>, <figure>, <figcaption>, <blockquote>, <abbr>
Links (anchors) – <a>
Forms – <form>, <fieldset>, <label>, <input>, <option>, <textarea>
Media – <audio>, <source>, <video>
Dynamic Graphics – <canvas>

]

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s