tachymetre/Q&A GUIDE - HTML.md

## Q&A GUIDE - HTML.md

      
    Raw
  

              Q&A GUIDE - HTML.md
            
          
Difference between HTML, XML, and XHTML?
- HTML  is a markup language used for displaying text and documents across different platforms and machines. It was originally intended for a very specific audience, and has expanded to include hypertext, multimedia, as well as the style of the documents displayed
- XML is an extensible markup language that was developed to retain the flexibility and power of HTML while reducing most of the complexity. XHTML combines the flexibility of HTML with the extensibility of XML. For XHTML, the DOCTYPE, The xmlns attribute in <html>, <html>, <head>, <title>, and <body> is mandatory


Name 3 of the minimum HTML elements needed for an HTML document
html     <!DOCTYPE html>, <html>, <body>, <head>     


What is Semantic HTML?
- HTML using markup that also conveys the containing content. HTML5 has more semantic tags than prior versions (nav, aside,     article, header, footer), but using descriptive classes and id’s could also be an example of semantic markup


If you have an issue with your page, how do you debug it, what tools do you use?
- Looking for common debugging practices like W3c validator, Firebug, Chrome Dev Tools


Call an external style sheet and an external script located in the ROOT folder called style.css and main.js with HTML
- Answer:
html     <script src="main.js"></script>      <link href="style.css" rel="stylesheet"></link>     


Name 4 new elements in HTML5 that were not available in previous HTML versions
html     <canvas>, <audio>, <svg>, <header>, <footer>, <aside>, <article>, <nav>, <section>     


What is DOM?
- Document Object Model. The HTML DOM model is constructed as a tree of Objects


What is event bubbling and event capturing?
- Event bubbling and capturing are two ways of event propagation in HTML DOM
- In bubbling the event is first captured and handled by the inner most element and then propagated to outer elements
- In capturing the event is first captured by the outer most element and propagated to the inner most element.
- During the time of Netscape browser they were advocates of event capturing and Microsoft was from event bubbling school. Both are part of the W3C standard. As per the standard first the event will capture it till it reaches the target then it will bubble up to the outer most element. IE uses only event bubbling where as firefox supports both bubbling and capturing. We can use the addEventListener(type, listener, useCapture) to register event handlers for bubbling and capturing phases. To use the capturing phase event handling pass the third argument as true
- Only event bubbling model is supported by all the major browsers. So if you are going to use event capturing still you need to handle event bubbling for IE. So it will easier to use event bubbling instead of capturing
```html

   
</div>
```
- If you take this structure and assume that a click event has happiened in the `li` element. In capturing model the event will be handled by the `div` first(click event handlers in the `div` will fire first) then in the `ul` then at the last in the target element `li`. In bubbling model it is the opposite. In this model the event will be first handled by the `li` first and the `ul` and at the last by the `div` element.


Methods GET and POST in HTML forms - what's the difference?
- GET: Parameters are passed in the querystring. Maximum amount of data that can be sent via the GET method is limited to about 2kb
- POST: Parameters are passed in the request body. There is no limit to the amount of data that can be transferred using POST. However, there are limits on the maximum amount of data that can be transferred in one name/value pair