Question

 

Discussion Board -

HTML 5 continues to evolve and is supported by all of the biggest browsers such as Firefox, Chrome, Safari, Internet Explorer, Opera and Edge. HTML has come very far since the first version, which only offered simple features meaning most webpages looked very similar.

Question:

What are the main differences between HTML5 and XHTML?

Is using HTML5 will support responsiveness by default? Explain your answer

Search for some of the libraries or frameworks that can help you to build a more responsive web page and write down some of your findings.

In your opinion, is it better to use a library? and why? argue with your colleagues by posing at least one response to their post.

Answer 1

XHTML is not compatible with the IE8 version browser and for the other browser which version is an older one and as compared to HTML5, it is compatible with older versions.

HTML5 is able to user XHTML style tags but XHTML cannot able to use the HTML5 style tags.

developing the code in XHTML, couple of restrictions on the developers as listd below

1. XHTML elements and attributes should not be in uppercase
2. Always include a start and end tags
3. Doctype declaration at the beginning of the code is mandatory

but this is not the case in the case of HTML/HTML5.

Responsive Web Design is about using HTML and CSS to

1. resize,
2. hide,
3. shrink,
4. enlarge,
5. move the content to make it look good on any screen.

it depends on the CSS which you have used in the Project for example if you use the width of any element in px its not a responsive.

======================================================================================

Not only HTML5 remaining HTML versions also support responsive web development.

To make responsive you need to add a meta tag in your html head.

 

A viewport element gives the browser instructions on how to control the page's dimensions and scaling.

The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).

The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.

=======================================================================================

Bootstrap. This is popular frameworks for web designing which helps to develop reliable websites with fast user experiences. Also, it supports mobile devices and can be viewed on any size of mobile devices easily.