Battle of the Bits

Guest L0 n00b

battle of the bits

A merchant approaches you! o__O
"Yaargh, wish I had wares to sell ya!"

^× CLOSE

Article History

Discussion

7066 views

34% nitrofurano

html5 (format) View Raw Firki

::|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.

Often, your website will rely heavily on using and abusing javascript to the fullest extent you can manage within an hour. More likely than not, the host will allow for external javascript libraries (eg. jquery, vanilla.js, AngularJS) to speed up production and add improved functionality to your websites.

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.
<title></title> is required in the head tags

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, marquee, 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
.

Need Help?

Want to learn HTML5? w3schools
might be a good place to start. Once you get a grasp of it, there is also MDN Web Docs
for an extensive documentation and references about it and related web technologies.

C A T E G O R I E S

Battle Formats