1990 2020 1992 1994 1996 1998 2000 2002 2004 20062010 20082012 2014 2016 2018 Tim Berners-Lee...

6
1990 2020 1992 1994 1996 1998 2000 2002 2004 2006 2010 2008 2012 2014 2016 2018 Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN, an international scientific organization based in Geneva, Switzerland. The first version of XHTML, XHTML 1.0 became a W3C recommendation in 2000. HTML5 was published as a Working Draft by the The World Wide Web Consortium (W3C) in 2007. Originally slated to be fully implemented by 2010, that date has been theorized to be as ?

Transcript of 1990 2020 1992 1994 1996 1998 2000 2002 2004 20062010 20082012 2014 2016 2018 Tim Berners-Lee...

Page 1: 1990 2020 1992 1994 1996 1998 2000 2002 2004 20062010 20082012 2014 2016 2018 Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,

1990

20201992

1994

1996

1998

2000

2002

2004

2006 2010

2008 2012

2014

2016

2018

Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN, an international scientific organization based in Geneva, Switzerland.

The first version of XHTML, XHTML 1.0 became

a W3C recommendation in 2000.

HTML5 was published as a Working Draft by the The World Wide Web Consortium (W3C) in 2007. Originally slated to be fully implemented by 2010, that date has been theorized to be as late as 2022.

?

Page 2: 1990 2020 1992 1994 1996 1998 2000 2002 2004 20062010 20082012 2014 2016 2018 Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,

Past, Present, & Future of HTML• How HTML is different than XHTML

XHTML is a cleaner and stricter version of HTML

XHTML is HTML defined as an XML (eXtensible Markup Language) application

o XML is designed to describe data, and HTML is designed to display data.

•How to write XHTML

XHTML tags must be lowercase

XHTML tags must be properly nested (aka properly ordered)

XHTML elements must always be closed

Page 3: 1990 2020 1992 1994 1996 1998 2000 2002 2004 20062010 20082012 2014 2016 2018 Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,

Past, Present, & Future of HTML• How to write XHTML cont.

Empty elements like <br> must also be closed like <br />

Attribute values must be quoted like width=“100”

All XHTML documents must have a DOCTYPE declaration.

o The html, head, title, and body elements must be present such as:

<!DOCTYPE Doctype goes here><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title></head><body></body></html>

Page 4: 1990 2020 1992 1994 1996 1998 2000 2002 2004 20062010 20082012 2014 2016 2018 Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,

Past, Present, & Future of HTML• HTML5 is the future of HTML

HTML5 is the next generation of HTML.

HTML5 is still a work in progress. However, not all browsers have HTML5 support.

Some elements in HTML 4 are obsolete or not used the way they were supposed

to. These elements are re-written in HTML5.

HTML5 addresses today’s internet needs by including new elements for media content, better structure, drawing, & better form handling.

Page 5: 1990 2020 1992 1994 1996 1998 2000 2002 2004 20062010 20082012 2014 2016 2018 Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,

Past, Present, & Future of HTML• New features of HTML5

Better support for local offline storage

New form controls like: calendar, date, time, email, url, search, etc.

The canvas element for sketching

The video and audio elements for media playback

o Allows video and audio to be tagged easier (like images)… such as <video src=…> and <audio src=…>

New content specific elements such as article, footer, header, navigation, section, etc.

Page 6: 1990 2020 1992 1994 1996 1998 2000 2002 2004 20062010 20082012 2014 2016 2018 Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,

Past, Present, & Future of HTML ReviewHTML vs

XHTML

HTML vs

HTML5

Uppercase or lowercase tagsAll elements don’t have to be closedEmpty elements don’t require closingDoes not require DOCTYPE declaringAttribute values do not require quotes

Lowercase tags onlyAll tags have to be closed

Empty elements must be closedRequires DOCTYPE declaration

Attribute values require quotes

Understood by all browsersNot originally built to handle videoDoes not support local offline storageNot built for today’s internet needsDoes not support creation of a canvas for drawing

Not fully functional with all browsersBuilt for audio & video

Supports local offline storageSupports content specific tags

Supports creation of a canvas fordrawing