New Media Elements
The internet has changed a lot since HTML 4.01 became a standard in 1999.
To better handle today’s internet use, HTML5 also includes new elements for better structure, drawing, media content, and better form handling.
HTML5 provides a new standards for media contents:
| Tag | Description |
|---|---|
| <audio> | For multimedia content, sounds, music or other audio streams |
| <video> | For video content, such as a movie clip or other video streams |
| <source> | For media resources for media elements, defined inside video or audio elements |
| <embed> | For embedded content, such as a plug-in |
| <track> | For text tracks used in mediaplayers |
The Canvas Element
The canvas element uses JavaScript to make drawings on a web page.
| Tag | Description |
|---|---|
| <canvas> | For making graphics with a script |
New Form Elements
HTML5 offers more form elements, with more functionality:
| Tag | Description |
|---|---|
| <datalist> | A list of options for input values |
| <keygen> | Generate keys to authenticate users |
| <output> | For different types of output, such as output written by a script |
New Input Type Attribute Values
Also, the input element’s type attribute has many new values, for better input control before sending it to the server:
| Type | Description |
|---|---|
| tel | The input value is of type telephone number |
| search | The input field is a search field |
| url | The input value is a URL |
| The input value is one or more email addresses | |
| datetime | The input value is a date and/or time |
| date | The input value is a date |
| month | The input value is a month |
| week | The input value is a week |
| time | The input value is of type time |
| datetime-local | The input value is a local date/time |
| number | The input value is a number |
| range | The input value is a number in a given range |
| color | The input value is a hexadecimal color, like #FF8800 |
| placeholder | Specifies a short hint that describes the expected value of an input field |
3 Users Responded in " New Media Elements in HTML 5 "
I truly wanted to write down a quick remark to thank you for these pleasant secrets you are showing at this website. My time-consuming internet lookup has at the end been rewarded with really good know-how to go over with my contacts. I ‘d express that we readers actually are undoubtedly blessed to dwell in a fantastic community with many outstanding individuals with insightful concepts. I feel rather grateful to have used the web site and look forward to tons of more cool times reading here. Thank you once more for all the details.
Acne medication
I became honored to obtain a call coming from a friend as he identified the important points shared on your own site. Looking at your blog write-up is a real amazing experience. Thanks again for taking into consideration readers like me, and I hope for you the best of achievements as being a professional in this arena.
Admiring the persistence you put into your site and in depth information you provide. It’s good to come across a blog every once in a while that isn’t the same outdated rehashed information. Wonderful read! I’ve bookmarked your site and I’m including your RSS feeds to my Google account.
Leave A Reply Here