Image may be NSFW.
Clik here to view.
HTML 5 is the latest version of HTML (Hypertext Markup Language). HTML 5 introduces new elements aimed at making the web pages easier for search engines and internet searchers or users to navigate. This will ultimately improve and enhance the web experience for everyone. Aside from this, HTML 5 will also include fancy APIs (application programming interface) for drawing screen graphics, storing data offline, dragging and dropping, and a whole lot more.
Unlike the older version of HTML, HTML 5 attempts to provide more structure in the code with all of the layout being created with semantic tags and elements. Codes produced are cleaner and readable compared to previous HTML generated codes. HTML 5 features that are available now are a great way to add some cool elements to your website.
The idea behind this latest HTML version is that it is made up of smaller parts working together to create something innovative and advanced. As each browser may support different features of HTML 5 it is important to know which features you need which will be supported by the different browsers. In HTML 5 a coder doesn’t have to get rid of the existing markup. Instead a coder must build upon and improve the old markup.
Features of HTML 5
- doctype. Any HTML 5 syntax requires a doctype to be specified in order for the browser to render the page in standards mode. In HTML 5 the doctype is simplified to : <!DOCTYPE html>
- Audio and visual support. HTML 5 has excellent audio and visual support. Adding audio and video to websites can be done without the need for outside plugins.
- Simplified content editing. By using the contenteditable attribute, texts are easily changed by adding contenteditable=”true” to any element
- Canvas element. The canvas provides the container for graphics that are made via scripting (Usually with Javascript.)
- Offline navigation. With HTML 5 the application cache enables navigation of web applications while on offline mode.
On the other hand, Cascading Style Sheets 3 (CSS3) increases flexibility in the presentation of website content. In essence, CSS3 makes everything prettier. And although CSS3 isn’t supported by all browsers yet, it’s increasingly becoming popular because it makes these changes so much easier. There is finally no need to use a Javascript plugin or creating slightly different versions of the exact same image.
CSS3 has added some new features to enhance the website’s appearance. As users are getting demanding as they crave from websites that look awesome but are also operating cleanly. CSS3 easily allows designs that will earn the admiration and approval of visitors. With CSS3 the functionality and visual appeal increases tremendously.
Features of CSS3
- Box-shadows. This feature allows the designer to add “Drop Shadows” to elements.
- Border images. CSS3 allows you to upload an image and use it as a border.
- Opacity levels. By simply putting “opacity:0.5” for example, and you’ll get the opacity effect desired.
- RGBA coloring. CSS3 allows you to choose the amount of red, green, blue and opacity in your design without requiring any browser extensions.
- Transform. This CSS3 code allows you to choose how big you want an area to become during hover.
- Rounded corners. CSS3 allows you to get rid of sharp corners without using images.
To sum up, both HTML5 and CSS3 have features that are designed to keep the web page cleaner, easier to navigate, and allowing design elements to be easily created and integrated into the website design. Although both HTML5 and CSS3 are not yet perfect and cannot run fit to all browsers, some web designers have started using it for their improved aesthetic quality and ease of use characteristic.
The post HTML5 and CSS3 appeared first on YourWebDesignerTeam Blog.