HTML and CSS Reference
In-Depth Information
#profile
{
display:table-cell;
background-color: #979C9C;
padding: 3px;
width:150px;
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
font-size:14px;
}
Using the JavaScript line,
document.getElementById(“profile”).innerHTML = this.profile;
the information stored in
this.profile
was sent to the Web page where the following tag
was placed:
<
pre
id
=
“
profile
”
></
pre
>
Prior to HTML5, dynamically sending data to a Web page without reloading the page was far
more complex. However, for certain programs like Adobe Flash CS5, it's quite easy, as the next
section explains.
ADDING AND ADJUSTING OBJECTS
IN HTML5 WEB PAGES
When HTML was i rst released, it couldn't do much, so developers began using programs like
Java and Flash, which provided the functionality that HTML could not. Much of that is no
longer true with HTML5, but even though HTML5 can do far more than earlier versions of
HTML, later versions of Flash and Java can still do far more.
320
Much can be said about the relative merits of Adobe Flash CS5 (the latest version of Flash as
of this writing) and HTML5, but for the foreseeable future, they'll most likely be working
together, despite the fact that the Apple iPhone and iPad do not support the Flash Player.
Besides the fact that Flash can do a great deal, it has also provided consistency between
dif erent platforms and browsers. So, even if dif erent browser makers had dif erent versions
of the HTML DOM and dif erent ideas about what was the best CSS and JavaScript imple-
mentation, the Flash plug-in was consistent across all browsers and platforms. So, when
designers and developers used Flash, they were assured of a consistent presentation.
ADDING AN OBJECT
To give you an idea of how to embed an object in HTML5, I created a simple animation of a
shooting star in Flash CS5. Figure 15-6 shows the little animation in the design window.
