-
Notifications
You must be signed in to change notification settings - Fork 669
Code Style Guide: HTML
This is the Code Style guide for HTML. See the main Code Style Guide page for other languages.
Use an indent of 2 spaces, with no tabs.
Use the HTML5 doctype and the UTF-8 character encoding for all templates. Specify each document’s character encoding by using the <meta charset="utf-8"> element, which must be the very first element in <head>.The syntax is as follows:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> ...
Because we’re using an HTML doctype rather than an XHTML doctype, please use HTML-style syntax rather than XHTML-style syntax.
HTML elements should be set in lowercase, for readability.
<!-- Okay --> <br> <!-- Not Okay --> <br/> <br /> <BR>
The following elements are valid in both HTML 4 and HTML 5, and hence can be used safely in ThinkTank’s templates:
<!-- -->, <!DOCTYPE>, <a>, <abbr>, <address>, <area>, <b>, <base>, <bdo>, <blockquote>, <body>, <br>, <button>, <caption>, <cite>, <code>, <col>, <colgroup>, <dd>, <del>, <div>, <dfn>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <head>, <hr>, <html>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <link>, <map>, <menu>, <meta>, <noscript>, <object>, <ol>, <optgroup>, <option>, <p>, <param>, <pre>, <q>, <samp>, <script>, <select>, <small>, <span>, <strong>, <style>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <title>, <tr>, <ul>, <var>
The following elements have been deprecated in HTML 5. Please do not use them in ThinkTank’s templates:
<acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <isindex>, <noframes>, <s>, <strike>, <tt>, <u>, <xmp>
The following elements are new in HTML 5 and browser support for them is spotty or nonexistent. For now, please do not use them in ThinkTank’s templates:
<article>, <aside>, <audio>, <canvas>, <command>, <datagrid>, <datalist>, <datatemplate>, <details>, <dialog>, <embed>, <eventsource>, <figure>, <footer>, <header>, <mark>, <meter>, <nav>, <nest>, <output>, <progress>, <ruby>, <rp>, <rt>, <rule>, <section>, <source>, <time>, <video>