Q16-Q20

Q16. What is the difference between Div. and Span in HTML?
Q17. In HTML DOM. What would be the root element?

Q18. What is the difference between HTTP 1.1 and HTTP 2.0?
Q19. What is the last stable version of Bootstrap? (2020) -  Bootstrap 4. 
Q20. Bootstrap 4 feature Flex? what are the advantages?
-----------------------------------------------------------------------------------------------------------------------
Q16. What is the difference between Div. and Span in HTML?

Answer:

Div is a block element while span is a inline element in html. Thus if you make display:block on span it will act like div.
-----------------------------------------------------------------------------------------------------------------------
Q17. In HTML DOM. What would be the root element?

Answer:

HTML
-----------------------------------------------------------------------------------------------------------------------
Q18. What is the difference between HTML 1.1 and HTML 2.0?

Answer:

HTTP/2 supports queries multiplexing, headers compression, priority and more intelligent packet streaming management. This results in reduced latency and accelerates content download on modern web pages.

Multiplexing: HTTP/1.1 loads resources one after the other, so if one resource cannot be loaded, it blocks all the other resources behind it. In contrast, HTTP/2 is able to use a single TCP connection to send multiple streams of data at once so that no one resource blocks any other resource. HTTP/2 does this by splitting data into binary-code messages and numbering these messages so that the client knows which stream each binary message belongs to

Header compression: Small files load more quickly than large ones. To speed up web performance, both HTTP/1.1 and HTTP/2 compress HTTP messages to make them smaller. However, HTTP/2 uses a more advanced compression method called HPACK that eliminates redundant information in HTTP header packets. This eliminates a few bytes from every HTTP packet. Given the volume of HTTP packets involved in loading even a single webpage, those bytes add up quickly, resulting in faster loading.

priority : HTTP/2 offers a feature called weighted prioritization. This allows developers to decide which page resources will load first, every time. In HTTP/2, when a client makes a request for a webpage, the server sends several streams of data to the client at once, instead of sending one thing after another. This method of data delivery is known as multiplexing

-----------------------------------------------------------------------------------------------------------------------
Q19. What is the last stable version of Bootstrap? (2020)

Answer:

Bootstrap 4. 
-----------------------------------------------------------------------------------------------------------------------

Q20. Bootstrap 4 feature Flex? what are the advantages?

Answer:

Flexbox is one of the crucial features of the Bootstrap 4 framework, but it is unavailable with the Bootstrap 3 framework. This useful feature allows you to change the size of grid columns, manage the alignment of layouts, navigate components, and even change complex layout formation with ease.

On the other hand, Bootstrap 3 relied on floats to carry out the above-mentioned tasks. However, the innovative Flexible Box Layout makes it a lot simpler to create design flexible responsive layout structure even without using positioning or float.

In fact, designers and developers who use the Flexbox will be able to do the following tasks with the utmost ease.

• Create equal width grid columns
• Design cards with equal width and height
• Develop utility classes to easily alter direction, scaling, alignment, display, and more.
• Add auto margin for easy spacing
• Create justified navigation and button groups

https://www.bootstrapdash.com/bootstrap-3-vs-4/