Tuesday, 15 November 2011

About Web Design / HTML: Provide details in HTML5; The SUMMARY element; Web

If you can't see this email, click here

About.com

Web Design / HTML

Design Basics

Learn HTML CSS XML

Careers



From Jennifer Kyrnin, your Guide to Web Design / HTML
HTML5 gives us a great new element: DETAILS. This element takes something that used to require a script and embeds the functionality right in the browser. It's pretty neat! And along with it comes the SUMMARY element that was created to help the DETAILS element work well. Plus, this week we look at web standards--are they really important? Do you use web standards?

There are hundreds, if not thousands of different web editors available for you to use. I have a script to help you find the perfect web page editor, but sometimes it's easier to see reviews of editors by other people and decide based on their opinions. I have received several new web editor reviews from other About.com readers. Here's a review that just came in:
five stars RAGE WebDesign
Write a review of your web editor

Please forward this newsletter, in its entirety, to your colleagues, coworkers and friends, anyone you think would like to learn more about web design, HTML, and web development.


The HTML5 DETAILS and SUMMARY Elements
While it is definitely possible to create a toggle box to show and hide page content with JavaScript and elements like DIV, using the HTML5 elements DETAILS and SUMMARY make it much easier. This article talks about how these elements are intended to be used and even provides a fallback option for browsers that don't support it yet (which, unfortunately, is most of them).

The SUMMARY Element
This is a description of the HTML5 SUMMARY element. It provides usage information as well as browser support. I also updated the DETAILS element page in the process of writing this one. The SUMMARY element wasn't always in HTML5 because many people felt that the LABEL element (or possibly the LEGEND or CAPTION elementa) should be repurposed to work with DETAILS. But this would have caused problems with forms or tables and legacy HTML content, so this element was created for DETAILS.

Do We Need Web Standards?
If a standard is just the dominant design, then do we really need them? After all, standards change and they may not support features that you use. Do you use web standards? Don't hesitate to post your comments or thoughts on this topic.

Poll: Have you ever posted a web photo gallery?
I love building online photo galleries. In fact, the very first page I ever built was a photo gallery from when I was in the Peace Corps. I have created photo galleries for friends, built photo galleries for businesses (including one photographer), and I maintain one photo blog right now. Photo galleries are a fun way to show off your pictures online. Have you ever built one? Vote Now View Results

 


Web Design / HTML Ads
Featured Articles
The CSS :hover Pseudo-Class
SEO Class
What is an Adjacent Sibling Selector?
Free Web Design Class - Daily
Free Template: Horizontal Menu with You Are Here
CSS Tip of the Day

 

More from About.com

2011's Cutest Winter Boots
Snuggly snow boots are essential for women who live in cold climates, but still want to put their best foot forward. More>



10 Budget Work Essentials
Figuring out how to pay for a fabulous work wardrobe can be a challenge. These 10 mix-and-max essentials are all under $50. More>




This newsletter is written by:
Jennifer Kyrnin
Web Design / HTML Guide
Email Me | My Blog | My Forum
 
Sign up for more free newsletters on your favorite topics
You are receiving this newsletter because you subscribed to the About Web Design / HTML newsletter. If you wish to change your email address or unsubscribe, please click here.

About respects your privacy: Our Privacy Policy

Contact Information:
249 West 17th Street
New York, NY, 10011

© 2011 About.com
 


Must Reads
Find the Perfect Web Page Editor
Learn HTML
Learn CSS
HTML 4.01 Tags / XHTML 1.0 Elements
How to Build a Website
 
Follow me on:
Facebook Twitter

Advertisement

No comments:

Post a Comment