::|CONTENTS
- Overview
- New Additions
- Old Subtractions
- Need Help?
HTML5 battles on BotB are similar to
HTML battles but incorporate many of the new standards of the modern web.
Overview
In HTML5 battles,
BotBrs build a web page from scratch in an hour. CSS and JavaScript (ask your host if they allow
jquery if you want to use it) are permitted; Flash, Java, and anything else that requires a plugin are not (video and audio tags ARE allowed however, this
is HTML5 afterall). The submitted file must either be a standalone .html file or a .zip file containing the main .html file and other assets.
All resources (images, stylesheets, javascript et cetera) used in the entry must be the author's own work (and, in the case of
OHBs, created during the entry period). Hotlinking to files on the Internet is prohibited, since it wastes bandwidth from the host, is prone to breaking, and usually breaks one of the other rules anyway.
New Additions
HTML5 has different standards than HTML; adding and removing features that separate it from the past allow it to be the standard of the modern web. Here's some go-to info for some of these standards.
- websites require a doctype, usually <!doctype html> will suffice
- you are required to declare the encoding type in the <head> tags; usually <meta charset="UTF-8"> will suffice.
New elements added for better structure - <section> represents a generic document or application section. It can be used together with the h1, h2, h3, h4, h5, and h6 elements to indicate the document structure.
- <article> represents an independent piece of content of a document, such as a blog entry or newspaper article.
- <main> can be used as a container for the dominant contents of another element, such as the main content of the page. In W3C HTML5 and W3C HTML 5.1, only one such element is allowed in a document.
- <header> represents a group of introductory or navigational aids.
- <footer> represents a footer for a section and can contain information about the author, copyright information, etc.
- <nav> represents a section of the document intended for navigation.
New elements added for functionality - <video> and <audio> for multimedia content
- <time> represents a time and/or date
- and most importantly, <canvas>
Many other elements were added too but are too numerous to list.
Go here for more info.
Old Subtractions
Now for one of the most important parts, what
CAN'T be used in HTML5. Since HTML5 is all about moving forward, that means a couple of things need to be left behind. If you like that good old fashioned web 1.0 look, you need to make sure your styling is done in css with the new standards cause the tags that define the old web aren't available any more (eg
NOT ALLOWED)...
basefont, big, center
good bye friend )':, font, strike, tt, frame, frameset, noframes, the align attribute (eg <p align=right>), the background attribute on body, the bgcolor attribute, cellpadding and cellspacing on table, height on td and th, and width on hr, table, td, and th.
Various other elements and attributes were removed which can be read about here
Obsolete Elements
Need Help?
Want to learn HTML5?
w3schools might be a good place to start.
