SEO

February 19, 2011

HTML5 Periodic Table

HTML5 Elements

The table below shows the 104 elements currently in the HTML5 working draft and two proposed elements (marked with an asterisk).

Periodic Table of the Elements

Elements for html5advent.com

<html>

Document root element.

1html

<col>

Columns in a table.

col

<table>

Table of multi-dimensional data.

table

<head>

First element of the HTML document. Contains document metadata.

1head
79span

<fieldset>

Set of form controls grouped by theme.

fieldset

<form>

Form.

form

<body>

Document content.

1body

<h1>

Heading for the current section.

25h1

<section>

Contains of elements grouped by theme, for example a chapter or tab box.

25section
colgroup

<tr>

A row of cells.

tr

<title>

Document title.

1title
216a

<pre>

Text that is preformatted in the HTML code.

pre

<meter>

Control for entering a numeric value in a known range.

meter

<select>

Control for selecting from multiple options.

select

<aside>

Content related to surrounding elements that doesn't belong inline, such as a advertising or quotes.

aside
25h2

<header>

Navigation or introductory elements for the current section.

1header

<caption>

Title of a table.

caption

<td>

Table cell.

td

<meta>

Document metadata that can't be represented with other elements.

6meta
rt
dfn
em

<i>

Text in a alternate voice or mood, such as a technical term.

i

<small>

An aside, such as fine print.

24small

<ins>

Text that has been inserted during document editing.

ins

<hr>

Thematic break within a paragraph.

hr

<br>

Line break.

2br

<div>

Container with no semantic meaning.

86div
blockquote
legend

<optgroup>

Group of option.

optgroup

<address>

Contact information for the current article.

address

<h3>

Heading for the current section.

21h3

<nav>

Contains a collection of links.

nav

<menu>

Set of commands.

menu

<th>

Table heading.

th

<base>

Specifies URL which non-absolute URLs are relative to.

base

<rp>

Contains semantically meaningless markup for browsers that don't understand ruby annotations.

rp

<abbr>

Abbreviation or acronym.

abbr

<time>

Time defined in a machine readable format.

time

<b>

Stylistically separated text of equal importance, such as a product name.

b

<strong>

Text that is important.

48strong

<del>

Text that has been removed during document editing.

del

<s>

Text that is outdated or no longer accurate.

s

<p>

Paragraph content.

87p

<ol>

Ordered list.

ol

<dl>

List of term-description pairs.

dl

<label>

Caption for a form control.

label

<option>

Single option within a select control.

option

<datalist>

Define sets of options.

datalist

<h4>

Heading for the current section.

3h4

<article>

Section of the page content, such as a blog or forum post.

1article

<command>

Command the user can perform, such as publishing an article.

command

<tbody>

Contains rows that hold the table's data.

tbody
6link

<noscript>

Contains elements that are part of the document only if scripting is disabled.

noscript

<q>

Quoted text.

q

<var>

Mathematical or programming variable.

var

<sub>

Subscript text.

sub

<mark>

Text highlighted for referencing elsewhere.

mark

<kbd>

Example input (usually keyboard) for a program.

kbd

<wbr>

Opportunity for a line break.

    wbr

    <figcaption>

    Caption for a figure.

    figcaption

    <ul>

    Unordered list.

    12ul

    <dt>

    Term which will be described.

    dt

    <input>

    Generic form input.

    input

    <output>

    Contains the results of a calculation.

    output

    <keygen>

    Generates private-public key pairs.

    keygen
    h5

    <footer>

    Footer of the current section.

    1footer

    <summary>

    Caption of a details element.

    summary

    <thead>

    Contains rows with table headings.

    thead

    <style>

    Styling defined inline data.

    style

    <script>

    Inline or linked client side scripts.

    6script

    <cite>

    Title of a referenced piece of work.

    cite
    samp

    <sup>

    Superscript text.

    sup

    <ruby>

    Contains text with annotations, such as pronounciation hints. Commonly used in East Asian text.

    ruby

    <bdo>

    Defines directional formatting for content.

    bdo

    <code>

    Fragment of code.

    code

    <figure>

    Contains elements related to single concept, such as an illustration or code example.

    figure

    <li>

    List item.

    72li

    <dd>

    Description for the preceeding term.

    dd

    <textarea>

    Multiline free-form text input.

    textarea

    <button>

    A button.

    button

    <progress>

    Control for displaying progress of a task.

    progress

    <h6>

    Heading for the current section.

    h6

    <hgroup>

    Collection of headings for the current section. The highest ranked heading repesents the group in the document outline.

    22hgroup

    <details>

    Contains additional information, such as the contents of an accordian view.

    details

    <tfoot>

    Contains rows with summary of data.

    tfoot
    61img

    <area>

    Hyperlink area in an image map.

    area

    <map>

    Image map for adding hyperlinks to parts of an image.

    map

    <embed>

    Reference to non-HTML content.

    embed
    object
    param

    <source>

    Alternative sources for parent video or audio elements.

    source

    <iframe>

    Nested browser frame.

    iframe

    <canvas>

    Bitmap which is editable by client side scripts.

    canvas

    <track>

    Specifies external timing track for media elements.

    This element is still being drafted.

    track*

    <audio>

    Audio file.

    audio

    <video>

    Video.

    video

    <device>

    Allows scripts to access devices such as a webcam.

    This element is still being drafted.

      device*
      • Root element

      • Text-level semantics

      • Forms

      • Tabular data

      • Metadata and scripting

      • Grouping content

      • Document sections

      • Interactive elements

      • Embedding content

      HTML5 Elements The table below shows the 104 elements currently in the HTML5 working draft and two proposed elements (marked with an asterisk). Share this How are they used? Some suggestions: reddit.com news.ycombinator.com youtube.com google.com yahoo.com wired.com bbc.co.uk en.wikipedia.org w3.org ...... Read MORE » on Dogmeat

      Accounts similar to @mrjyn

      Similar to @mrjyn

      Accounts similar to @mrjyn:

      Following Unfollow

      CNET
      CNET is the premier destination for tech product reviews, news, price comparisons, free software downloads, daily videos, and podcasts.
      Followed by you!
      Following Unfollow

      Teen Vogue
      Fashion starts here.
      Followed by you!
      Following Unfollow

      Lisa Katayama
      TokyoMango, Creative Commons, Boing Boing, Wired.
      Followed by you!
      Following Unfollow

      Mike Mozart
      Mike Mozart Pro Product Designer, Reviewer, Inventor. JeepersMedia is a Most Subbed + Viewed on YouTube OVER 360,000 Subs
      Followed by you!
      Following Unfollow

      Grazia magazine Aus
      The editorial team at Grazia magazine Australia bring you instant updates on fashion, beauty, what's hitting the headlines this week and much, much more
      Followed by you!
      Following Unfollow

      Wired
      Official Twitter feed for Wired magazine & Wired.com. Your third-string quarterback this week: sports editor @
      Followed by you!
      Following Unfollow

      Blogcritics Articles
      BC Magazine is "a sinister cabal of superior writers," and these are their articles. Also follow Publisher Eric Olsen @
      Followed by you!
      Following Unfollow

      PLANETº Magazine
      Contemporary Fashion, Art, Music: GLOBAL. CREATIVE. PROGRESSIVE.
      Followed by you!
      Following Unfollow

      Biz Stone
      Co-founder of Twitter, Inc.
      Followed by you!
      Following Unfollow

      SFChron_alert
      Get breaking news alerts on the Bay Area's biggest stories from the San Francisco Chronicle and SFGate.com.
      Followed by you!
      Following Unfollow

      The Two-Way
      The official blog of NPR's Morning Edition and All Things Considered
      Followed by you!
      Following Unfollow

      WebMD_Blogs
      Better information. Better health.
      Followed by you!
      Following Unfollow
      National Geographic
      Official Twitter feed of the National Geographic Society public relations team
      Followed by you!
      Following Unfollow
      Amanda Kennedy
      Freelance web designer and Blogger guru based in Sheffield, United Kingdom. Check out my portfolio at www.AmandaKennedy.co.uk
      Followed by you!
      Following Unfollow
      Jake Tapper
      ABC News' Sr White House Correspondent. Dissecting my tweets with Talmudic meticulousness will result in wrong conclusions. RTs do not = endorsement.
      Followed by you!
      Following Unfollow
      O The Oprah Magazine
      O provides inspiration on everything from lasting love to luscious food, from the joys of reading to the rush of learning how to do everything a little better.
      Followed by you!
      Following Unfollow
      Vanity Fair Agenda
      The inner-sanctum of Vanity Fair's intrepid advertising and creative services troupe.
      Followed by you!
      Following Unfollow
      theGAVoice
      LGBT news outlet for Georgia; on streets now!
      Followed by you!
      Following Unfollow
      John Farina
      John Farina,Internet Marketer, Father and Florida Gator Fan.
      Followed by you!
      Following Unfollow
      Sandy Cohen
      Covering Hollywood's personalities and products for The Associated Press. Email me at smcohen@ap.org.
      Followed by you!

      Similar to @mrjyn Accounts similar to @mrjyn: Following Unfollow cnet CNET CNET is the premier destination for tech product reviews, news, price comparisons, free software downloads, daily videos, and podcasts. Followed by you! Following Unfollow TeenVogue Teen Vogue Fashion starts here. Followed by ...... Read MORE » on Dogmeat

      PLAYBOY 1969 DESK CALENDER

      ...... Read MORE » on Dogmeat

      Bidding Farewell to National Inventor's Month


      September 2, 2010

      Bidding Farewell to National Inventor’s Month

      CAPTION

      Thomas Edison's Light Bulb, 1880. Gift of the Department of Engineering, Princeton University, 1961. Photo courtesy of NMAH.

      Sadly, summer is whizzing by. August has come and gone, and we have yet to acknowledge National Inventors Month! So happy belated! We bring you our the Around the Mall Blog team’s “Top Ten Inventions from the National Museum of American History’s Collections.” The museum, after all, is home to the Lemelson Center for the Study of Invention and Innovation, which celebrates National Inventors Month every year.

      THE CLASSICS

      1. Thomas Edison’s Incandescent Light Bulb

      “The Wizard of Menlo Park” has many inventions to his credit—an electric vote recorder, the phonograph, a telephone transmitter—but his most famous was the light bulb. He scribbled more than 40,000 pages full of notes and tested more than 1,600 materials, everything from hairs from man’s beard to coconut fiber, in his attempts to find the perfect filament. In 1879, he finally landed on carbonized bamboo and created the first modern-looking light bulb—filament, glass bulb, screw base and all. The light bulb was manufactured by Corning, a leader in glass and ceramics for the last 159 years.

      2. Alexander Graham Bell’s Large Box Telephone

      In its collection, the NMAH has one of two telephones Alexander Graham Bell used to conduct a call from Boston to Salem on November 26, 1876. The system, which worked when sound waves induced a current in electromagnets that was conducted over wires to another telephone where the current produced audible air vibrations, was used commercially starting in 1877.

      3. Abraham Lincoln’s Patent Model for a Device for Raising Boats off Sand Bars

      As a 40-year-old lawyer in Illinois, Abraham Lincoln designed floats that could be employed alongside a river boat to help it avoid getting caught in shallow waters. He was granted a patent from the U.S. Patent Office on May 22, 1849. The product never came to fruition, but Lincoln remains the only U.S. president to hold a patent.

      4. Sewing Machine Patent Model

      Though not the first sewing machine, John Bachelder’s version, patented on May 8, 1849, was an improvement on the original. It was rigged with a leather conveyor belt that kept the fabric moving as it was being sewn. The patent was purchased by sewing machine giant I. M. Singer and became part of a pool of patents used to barter the Sewing Machine Combination, a team of three sewing machine manufacturers including the I. M. Singer Co. that propelled the industry forward.

      5. Morse Daguerrotype Camera

      Perhaps the first camera in the United States, this one made the trip from Paris with its owner Samuel F. B. Morse, inventor of the telegraph. Morse and French artist Louis Daguerre, who invented the daguerreotype process for photography, brainstormed invention ideas together.

      (AND SOME SURPRISES…)

      6. Magnavox Odyssey Video Game Unit

      Months before Pong, the ping-pong game by Atari, overtook the video game scene in 1972, Magnavox Odyssey, the first home video game system, was released. The system merged traditional board games with the new video game concept by incorporating things like dice, paper money and cards. (Watch inventors Ralph Baer and Bill Harrison play a video game here, at the Smithsonian Lemelson Center’s 2009 National Inventors Month celebration.) Success, however, wasn’t in the cards. Less than 200,000 units were sold, while Pong sales skyrocketed. Baer went on to invent Simon, the electronic memory game.

      The National Museum of American History has, in its collection, an AbioCor Total Artificial Heart, the first-ever electro-hydraulic heart to be implanted in a human. Photo courtesy of NMAH.

      The National Museum of American History has, in its collection, an AbioCor Total Artificial Heart, the first-ever electro-hydraulic heart to be implanted in a human. Photo courtesy of NMAH.

      7. The Rickenbacker Frying Pan, the First Electric Guitar

      Musicians had been experimenting with using electricity to amplify the sound of string instruments for decades, but it was George Beauchamp and Adolph Rickenbacker who built the first commercial electric guitar around 1931. The electric guitar had its critics, who argued that it didn’t create an “authentic” musical sound, but it found its place with the rock and roll genre.

      8. AbioCor Total Artificial Heart

      Cardiac surgeons Laman Gray and Robert Dowling replaced patient Robert Tools diseased heart with an AbioCor Total Artificial Heart on July 2, 2001, at Jewish Hospital in Louisville, Kentucky, making it the first electro-hydraulic heart implanted in a human. The battery-powered heart is capable of pumping more than 2.5 gallons of blood a minute to the lungs and the rest of the body. The invention was in clinical trials at the time of Tools’ surgery. He only lived for five months with the artificial heart, but even that, was well beyond the experimental goal of 60 days.

      9. Krispy Automatic Ring-King Junior Doughnut Machine

      Used by the Krispy Kreme Doughnut Corporation in the 1950s and ’60s, the Ring-King Junior could spit out about 720 doughnuts an hour! The miraculous machine and other Krispy Kreme artifacts were donated to the museum in 1997 on the 60th anniversary of the doughnut maker.

      10. And last but not least, The World’s First Frozen Margarita Machine

      As we savor the last days of summer, this one had to make the list. In 2005, the museum acquired the first-ever frozen margarita machine, invented by Dallas restaurateur Mariano Martinez in 1971. Museum director Brent Glass called the invention a “classic example of the American entrepreneurial spirit.” With the advent of the machine, margaritas became as standard as chips and salsa at Tex-Mex restaurants. (Next time I have one, I shall toast Mariano!)

      What’s your favorite invention represented in the museum’s collections?

      Update: This post has been updated to clarify that this list reflects the editorial whims of the Around the Mall blog team and is not an official ranking created by the National Museum of American History.

      Posted By: Megan Gambino — American History Museum

      September 2, 2010 Bidding Farewell to National Inventor’s Month Thomas Edison's Light Bulb, 1880. Gift of the Department of Engineering, Princeton University, 1961. Photo courtesy of NMAH. Sadly, summer is whizzing by. August has come and gone, and we have yet to acknowledge National Inventors Month ...... Read MORE » on Dogmeat

      The music dies for once popular 'Guitar Hero' video game - CNN.com

      February 9, 2011 8:36 p.m. EST
      "Guitar Hero" was once credited with reviving teen's interest in rock. Now the video game will be discontinued.
      "Guitar Hero" was once credited with reviving teen's interest in rock. Now the video game will be discontinued.
      STORY HIGHLIGHTS
      • "Guitar Hero" will be discontinued this year, its publisher says
      • The video game maker cites "continued declines" in rock

      Los Angeles (CNN) -- The video game "Guitar Hero," once believed to be helping revive rock a few years ago in the hip-hop era, will jam no longer.

      Activision Blizzard Inc. announced Wednesday it will cease publishing the game this year.

      "Due to continued declines in the music genre, the company will disband Activision Publishing's 'Guitar Hero' business unit and discontinue development on its 'Guitar Hero' game for 2011," the company said in a statement.

      The decision was "based on the desire to focus on the greatest opportunities that the company currently has to create the world's best interactive entertainment experiences," the firm said.

      The cancellation came as the Santa Monica, California-based company announced a record operating cash flow of $1.4 billion in 2010. Its revenues last year from digital channels grew more than 20 percent to $1.5 billion.

      The once-popular video game was even featured in the Vince Vaughn film "Couples Retreat" in 2009.

      As rock struggled against rap music, video games like "Guitar Hero" and "Rock Band" were credited with creating a new appreciation for rock 'n' roll among the millennial generation born in the '90s who didn't know much about Aerosmith, Pat Benatar and other musicians of the '70s and '80s.

      At the time, Geoff Mayfield, senior analyst and director of charts for Billboard magazine, said he saw a direct cause and effect for some of the artists who licensed their songs to "Guitar Hero."

      "A few weeks ago, when the game featuring Aerosmith ('Guitar Hero: Aerosmith') came out, there was more than a 40 percent increase in their catalog sales," Mayfield said in 2008.

      The video games even increased interest in guitars, according to the nationwide Guitar Center chain. Bars held "Guitar Hero" nights. And schools like Roosevelt High in Los Angeles, where most teens have grown up on a steady diet of hip-hop and R&B, sponsored three-day "Guitar Hero Face-Off" in its auditorium, blaring heavy metal.

      For now, the art of playing air guitar -- and "Guitar Hero" -- seems a quaint bygone.

      February 9, 2011 8:36 p.m. EST "Guitar Hero" was once credited with reviving teen's interest in rock. Now the video game will be discontinued. STORY HIGHLIGHTS "Guitar Hero" will be discontinued this year, its publisher says The video game maker cites "continued declines" in rock RELATED TOPICS Guit ...... Read MORE » on Dogmeat