Article History
 
 
 
Discussion
 
7072 views
 
34% nitrofurano
html5 (format) View HTML Version
 

'[l[http://en.wikipedia.org/wiki/Html5[HTML5] battles on BotB are similar to '[l[http://battleofthebits.com/lyceum/View/html%20(format)[HTML battles] but incorporate many of the new standards of the modern web.

'[#[Overview]

In HTML5 battles, '[[BotBr]s build a web page from scratch in an hour. CSS and JavaScript (ask your host if they allow '[l[http://jquery.com/[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 '[o]is'[/o] 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 '[[OHB]s, 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. 

'[ul['[li[websites require a doctype, usually <!doctype html> will suffice]'[li[you are required to declare the encoding type in the <head> tags; usually <meta charset="UTF-8"> will suffice.]] 
'[t[2]New elements added for better structure'[/t] '[ul['[li[<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.]'[li[<article> represents an independent piece of content of a document, such as a blog entry or newspaper article.]'[li[<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.]'[li[<header> represents a group of introductory or navigational aids.]'[li[<footer> represents a footer for a section and can contain information about the author, copyright information, etc.]'[li[<nav> represents a section of the document intended for navigation.]]

'[t[2]New elements added for functionality '[/t] '[ul['[li[<video> and <audio> for multimedia content]'[li[<time> represents a time and/or date]'[li[and most importantly, <canvas>]] 

Many other elements were added too but are too numerous to list. '[l[http://rawgit.com/whatwg/html-differences/master/Overview.html[Go here] for more info.

'[#[Old Subtractions]

Now for one of the most important parts, what '[b]CAN'T'[/b] 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 '[b]NOT ALLOWED'[/b])...

'[tab[ [50]'[tab[basefont, big, center '[o]good bye friend )':'[/o], 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. [500]




Various other elements and attributes were removed which can be read about here  '[l[http://rawgit.com/whatwg/html-differences/master/Overview.html#obsolete-elements[Obsolete Elements]

'[#[Need Help?]

Want to learn HTML5? '[l[http://www.w3schools.com/[w3schools] might be a good place to start.

 
C A T E G O R I E S
 
 
Battle Formats