Deference Between Page and Post in WordPress

Key Differences with Post and Page

The differences we list below definitely have exceptions. You can use plugins or code snippets to extend the functionality of both content types. Below is the list of key differences by default.

1. Posts are timely vs. Pages are timeless. 
2. Posts are social vs. Pages are NOT. 
3. Posts can be categorized vs. Pages are hierarchical. 
4. Posts are included in RSS feed vs. Pages are not. 
5. Pages have custom template feature vs. Posts do not

Pages

Pages are meant to be static “one-off” type content such as your about page, privacy policy, legal disclaimers, etc. While the WordPress database stores the published date of the page, pages are timeless entities. For example, your about page is not suppose to expire. Sure you can go back and make updates to it, but chances are you will not have about page 2012, about page 2013 etc. Because there is no time and date tied to pages, they are not included in your RSS feeds by default. Pages are not meant to be social in most cases thus does not include social sharing buttons, or comments.

You don’t want users to comment on your contact page, or your legal disclaimers page. Just like you probably don’t want others to tweet your privacy policy page in most cases.

Unlike posts, pages are hierarchical by nature. For example, you can have a sub pages within a page. A key example of this in action would be our Blueprint page. This feature allows you to organize your pages together, and even assign a custom template to them.

WordPress by default comes with a feature that allows you create custom page templates using your theme. This allows developers to customize the look of each page when necessary. In most themes, post and pages look the same. But when you are using your page to create a landing page, or a gallery page, then this custom page templates feature comes in very handy.

Pages also have this archaic feature called Order which lets you customize the order of pages by assigning a number value to it. However this feature is extended by plugins like Simple Page Ordering that allows you to drag & drop the order of pages.

Post

If you are using WordPress as a blog, then you will end up using posts for majority of your site’s content. Posts are content entries listed in reverse chronological order on your blog’s home page. Due to their reverse chronological order, your posts are meant to be timely. Older posts are archived based on month and year. As the post gets older, the deeper the user has to dig to find it. You have the option to organize your posts based on categories and tags.

Because WordPress posts are published with time and date in mind, they are syndicated through the RSS feeds. This allows your readers to be notified of the most recent post update via RSS feeds. Bloggers can use the RSS feeds to deliver email broadcasts through services like Aweber or MailChimp. You can create a daily and weekly newsletter for your audience to subscribe to. The very timely nature of posts make it extremely social. You can use one of the many social sharing plugins to allow your users to share your posts in social media networks like Twitter, Facebook, Google+, LinkedIn etc.

Posts encourage conversation. They have a built-in commenting feature that allows users to comment on a particular topic. You can go to your Settings » Discussion to turn off comments on older posts if you like

Difference Between HTML 4 and HTML 5

Today we take a few steps back and take a look at some of the differences between HTML 4 and HTML5. This is intended to be a useful overview, not an exhaustive reference, but remember that things are still and always changing. We can’t deny the fact that HTML4 is the most successful markup language in the history of Internet ever. HTML5 builds on that revolutionary success. To start coding with HTML5, you don’t need to change the way you used to code in HTML4. With HTML5 you have new semantic elements, direct support for audio, video and a cool new canvas feature.

1. HTML5 Is a Work in Progress

As cool as it is to see what HTML5 can do for you, it hasn’t been standardized like HTML4. You don’t have to worry about updating pages built using HTML4. It’s more than ten years old and it’s a set standard.

If you jump into HTML5 with both feet, you’re going to be making updates. Elements and attributes are added and modified several times a year. Of course, this is dependent how much you depend on rich elements, but it’s certainly a risk you must take into consideration when using a fluid language.

Build with HTML4, play with HTML5

2. Simplified Syntax

The simpler doctype declaration is just one of the many novelties in HTML5. Now you need to write only: and this is it. The syntax of HTML5 is compatible with HTML4 and XHTML1, but not with SGML.

4. The and Elements

For good or bad, HTML5 has acknowledged the new web anatomy. With HTML5, and are specifically marked for such. Because of this, it is unnecessary to identify these two elements with a tag.

5. New and Elements
Again, HTML5 has adopted the popular web standard. and allows you to mark specific areas of your layout as such, and should have a positive effect on on your SEO in the end.

6. New and Elements

can be used for your main menu, but it can also be used for toolbars and context menus. The element is another way to arrange text and images.

7.New Forms

The new and elements are looking good. If you do much with forms, you may want to take a look at what these have to offer. 

Some Other Features

1. HTML4 was developed by World Wide Web consortium and WHATWG (web hypertext application technology working group) and HTML5 is being developed by web hypertext application technology working group (WHATWG) and W3C HTML WG. 
2. HTML5 brings in new elements to structure the web pages as compared to HTML4 which uses common structures such as: – header, columns etc. These new elements are: header, nav, section, article, aside, and footer.
3. Now, each of these elements serves a unique purpose:- 

• Header denotes the inclusion of heading, sub headings etc. which is more specific. 
• Nav signifies both the website navigation as well as the navigation of the table of contents. 
• Section element corresponds to a broad category of a web page. 
• Article element symbolizes a particular section of web page such as: blog, news, testimonials etc. 
• Aside element is used to include the content that may relate to a specific section of a document or a web page. 
• Footer element is used to indicate important information like copyright data, the author’s name, links to other pages etc.

1. HTML5 brings a whole new dimension to web world. It can embed video on web-pages without using any special software like Flash. 
2. Not only videos, HTML5 is said to be capable of playing video games on the browser itself. 
3. HTML5 is considered to be flexible to handle inaccurate syntax. HTML5 specifies the rules related to the parsing and lexing as compared to HTML4. This means that even if there is an incorrect syntax, similar result is produced by various complaint browsers. 
4. Furthermore, HTML5 denotes to scripting of API (application programming interfaces) including new APIs like:- 

• Drag and drop
• Database storage offline
• Editing of the document
• Canvas 2D APIs, etc.