├── _config.yml ├── lib ├── img │ ├── 7.jpg │ ├── frame-full.jpg │ └── helloworld.swf ├── video │ └── NASA.mp4 ├── audio │ └── Sleep-Away.mp3 ├── js │ └── web-workers-example.js ├── sse_example.php └── example.appcache ├── assets ├── images │ ├── horse.jpg │ ├── star.png │ ├── layers.png │ ├── semantic-tags.png │ └── progressive-rendering.png └── files │ ├── audio-tag.html │ ├── mark.html │ ├── video-tag.html │ ├── session-storage.html │ ├── svg.html │ ├── iframe.html │ ├── progress-tag.html │ ├── small-element.html │ ├── microdata.html │ ├── local-storage.html │ ├── server-sent-events.html │ ├── websocket-api.html │ ├── application-cache.html │ ├── drag-drop.html │ ├── web-workers.html │ ├── modernizr.html │ ├── geolocation.html │ ├── canvas.html │ ├── semantic-tags.html │ ├── html5-api.html │ └── indexed-db.html ├── html5-semantic-tags ├── html5-input-types_files │ ├── color-ie.jpg │ ├── date-ie.jpg │ ├── email-ie.jpg │ ├── list-ie.jpg │ ├── range-ie.jpg │ ├── tel-ie.jpg │ ├── url-ie.jpg │ ├── date-opera.jpg │ ├── list-opera.jpg │ ├── number-ie.jpg │ ├── pattern-ie.jpg │ ├── search-ie.jpg │ ├── tel-chrome.jpg │ ├── tel-opera.jpg │ ├── tel-safari.jpg │ ├── url-chrome.jpg │ ├── url-opera.jpg │ ├── url-safari.jpg │ ├── color-chrome.jpg │ ├── color-firefox.jpg │ ├── color-opera-2.jpg │ ├── color-opera.jpg │ ├── color-safari.jpg │ ├── date-chrome.jpg │ ├── date-firefox.jpg │ ├── date-safari.jpg │ ├── email-chrome.jpg │ ├── email-firefox.jpg │ ├── email-opera.jpg │ ├── email-safari.jpg │ ├── list-chrome.jpg │ ├── list-firefox.jpg │ ├── list-safari.jpg │ ├── number-chrome.jpg │ ├── number-opera.jpg │ ├── number-safari.jpg │ ├── pattern-opera.jpg │ ├── range-chrome.jpg │ ├── range-firefox.jpg │ ├── range-opera.jpg │ ├── range-safari.jpg │ ├── required-ie.jpg │ ├── search-chrome.jpg │ ├── search-opera.jpg │ ├── search-safari.jpg │ ├── tel-firefox.jpg │ ├── url-firefox.jpg │ ├── url-opera-2.jpg │ ├── number-firefox.jpg │ ├── pattern-chrome.jpg │ ├── pattern-firefox.jpg │ ├── pattern-safari.jpg │ ├── placeholder-ie.jpg │ ├── required-chrome.jpg │ ├── required-opera.jpg │ ├── required-safari.jpg │ ├── search-firefox.jpg │ ├── url-opera-list.jpg │ ├── email-opera-list.jpg │ ├── placeholder-chrome.jpg │ ├── placeholder-opera.jpg │ ├── placeholder-safari.jpg │ ├── required-firefox.jpg │ ├── placeholder-firefox.jpg │ ├── number-opera-submit-error.jpg │ ├── html5-utils.js │ ├── browser-detect.js │ ├── modernizr.js │ ├── jquery-ui.css │ └── jquery-ui.js ├── session-storage.html ├── mark.html ├── local-storage.html ├── audio.html ├── meter.html ├── output.html ├── video.html ├── canvas.html ├── web-workers.html ├── datalist.html ├── progress.html ├── geolocation.html ├── indexed-db.html └── index.html ├── html5-events.md └── html5-tags.md /_config.yml: -------------------------------------------------------------------------------- 1 | theme: jekyll-theme-cayman -------------------------------------------------------------------------------- /lib/img/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/lib/img/7.jpg -------------------------------------------------------------------------------- /lib/video/NASA.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/lib/video/NASA.mp4 -------------------------------------------------------------------------------- /assets/images/horse.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/assets/images/horse.jpg -------------------------------------------------------------------------------- /assets/images/star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/assets/images/star.png -------------------------------------------------------------------------------- /lib/img/frame-full.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/lib/img/frame-full.jpg -------------------------------------------------------------------------------- /lib/img/helloworld.swf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/lib/img/helloworld.swf -------------------------------------------------------------------------------- /assets/images/layers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/assets/images/layers.png -------------------------------------------------------------------------------- /lib/audio/Sleep-Away.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/lib/audio/Sleep-Away.mp3 -------------------------------------------------------------------------------- /assets/images/semantic-tags.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/assets/images/semantic-tags.png -------------------------------------------------------------------------------- /assets/images/progressive-rendering.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/assets/images/progressive-rendering.png -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/color-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/color-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/date-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/date-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/email-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/email-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/list-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/list-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/range-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/range-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/tel-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/tel-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/url-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/url-ie.jpg -------------------------------------------------------------------------------- /lib/js/web-workers-example.js: -------------------------------------------------------------------------------- 1 | var i = 0; 2 | 3 | function timedCount() { 4 | i = i + 1; 5 | postMessage(i); 6 | setTimeout("timedCount();",500); 7 | } 8 | 9 | timedCount(); -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/date-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/date-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/list-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/list-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/number-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/number-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/pattern-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/pattern-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/search-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/search-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/tel-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/tel-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/tel-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/tel-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/tel-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/tel-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/url-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/url-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/url-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/url-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/url-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/url-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/color-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/color-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/color-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/color-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/color-opera-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/color-opera-2.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/color-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/color-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/color-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/color-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/date-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/date-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/date-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/date-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/date-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/date-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/email-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/email-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/email-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/email-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/email-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/email-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/email-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/email-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/list-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/list-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/list-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/list-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/list-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/list-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/number-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/number-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/number-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/number-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/number-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/number-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/pattern-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/pattern-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/range-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/range-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/range-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/range-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/range-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/range-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/range-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/range-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/required-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/required-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/search-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/search-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/search-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/search-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/search-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/search-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/tel-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/tel-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/url-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/url-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/url-opera-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/url-opera-2.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/number-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/number-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/pattern-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/pattern-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/pattern-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/pattern-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/pattern-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/pattern-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/placeholder-ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/placeholder-ie.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/required-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/required-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/required-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/required-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/required-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/required-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/search-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/search-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/url-opera-list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/url-opera-list.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/email-opera-list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/email-opera-list.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/placeholder-chrome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/placeholder-chrome.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/placeholder-opera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/placeholder-opera.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/placeholder-safari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/placeholder-safari.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/required-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/required-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/placeholder-firefox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/placeholder-firefox.jpg -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/number-opera-submit-error.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/html-interview-questions/HEAD/html5-semantic-tags/html5-input-types_files/number-opera-submit-error.jpg -------------------------------------------------------------------------------- /lib/sse_example.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /lib/example.appcache: -------------------------------------------------------------------------------- 1 | CACHE MANIFEST 2 | # v1.0 : 10-08-2020 3 | 4 | CACHE: 5 | # pages 6 | Application-Cache.html 7 | 8 | # styles & scripts 9 | css/theme.css 10 | js/jquery.min.js 11 | js/default.js 12 | 13 | # images 14 | /favicon.ico 15 | images/logo.png 16 | 17 | NETWORK: 18 | login.php 19 | 20 | FALLBACK: 21 | / /offline.html -------------------------------------------------------------------------------- /assets/files/audio-tag.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Audio Tag in HTML5 5 | 6 | 7 |

HTML5 Audio Tag Example

8 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /assets/files/mark.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Highlight text in HTML 5 | 6 | 7 |

Search results for "salamander":

8 |
9 |

Several species of salamander inhabit the temperate rainforest of the Pacific Northwest.

10 |

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

11 | 12 | 13 | -------------------------------------------------------------------------------- /assets/files/video-tag.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | HTML5 Video-Tag 5 | 6 | 7 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /assets/files/session-storage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | HTML5 sessionStorage 5 | 6 | 7 | 15 | 16 |

Refresh the page to increase number of hits.

17 | 18 | 19 | -------------------------------------------------------------------------------- /html5-semantic-tags/session-storage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 15 | 16 |

Refresh the page to increase number of hits.

17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /html5-semantic-tags/mark.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |

HTML5 mark Tag

4 |
5 | 6 |
7 |

This is some highlighted text.

8 |

Here are some more highlighted text.

9 | 10 |
11 | 12 |
13 |
14 | 15 | -------------------------------------------------------------------------------- /html5-semantic-tags/local-storage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /html5-semantic-tags/audio.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |

HTML5 audio Tag

4 |
5 | 6 |
7 | 8 | 11 | 12 |
13 | 14 |
15 | 16 |
17 | 18 | -------------------------------------------------------------------------------- /assets/files/svg.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | HTML5 SVG 14 | 15 | 16 |

HTML5 SVG Circle

17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /html5-semantic-tags/meter.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |

HTML5 meter Tag

4 |
5 | 6 |
7 |

Disk Usage: 20%

8 |

Total Score: 6 out of 10

9 |

Pollution Level: Very High

10 | 11 |
12 | 13 |
14 |
15 | 16 | -------------------------------------------------------------------------------- /html5-semantic-tags/output.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |

HTML5 output Tag

4 |
5 | 6 |
7 |
8 | + 9 | = 10 | 11 |
12 | 13 |
14 | 15 |
16 |
17 | 18 | -------------------------------------------------------------------------------- /html5-semantic-tags/video.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |

HTML5 video Tag

4 |
5 | 6 |
7 | 12 | 13 |
14 | 15 |
16 |
17 | 18 | -------------------------------------------------------------------------------- /assets/files/iframe.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | HTML5 iframe 5 | 6 | 15 | 16 |

The Inline iFrame Example

17 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /assets/files/progress-tag.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Progress Tag 5 | 6 | 7 |

8 | Progress:0% 9 |

10 | 11 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /html5-semantic-tags/canvas.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |

HTML5 canvas Tag

4 |
5 | 6 |
7 | 8 | 9 | 10 | 17 |
18 | 19 |
20 |
21 | 22 | -------------------------------------------------------------------------------- /assets/files/small-element.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Small Element 5 | 6 | 11 | 12 |

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

13 |
14 |

The content is licensed under a W3C License.

15 | 16 | -------------------------------------------------------------------------------- /assets/files/microdata.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | HTML5 Microdata 5 | 6 | 7 | 18 |
19 |

My name is Elizabeth.

20 |
21 | 22 |
23 |

My name is Daniel.

24 |
25 | 26 | 27 | -------------------------------------------------------------------------------- /html5-semantic-tags/web-workers.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |

Count numbers:

6 | 7 | 8 | 9 | 10 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /html5-semantic-tags/datalist.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |

HTML5 datalist Tag

4 |
5 | 6 |
7 |

Enter your favorite browser name:

8 | 9 | 10 | 16 | 17 |
18 | 19 |
20 | 21 |
22 | 23 | 24 | -------------------------------------------------------------------------------- /assets/files/local-storage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | HTML5 localStorage 5 | 6 | 7 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /assets/files/server-sent-events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Server Sent Events 5 | 6 | 7 |

Getting server updates

8 |
9 | 10 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /assets/files/websocket-api.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | WebSocket API in HTML5 5 | 26 | 27 | 28 |

HTML5 WebSocket API Example

29 | 30 | 31 | -------------------------------------------------------------------------------- /assets/files/application-cache.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Application Cache in HTML5 5 | 6 | 7 |

8 | 9 |

10 |

11 | Try opening this page, 12 | then go offline, and reload the page. The website data will be still 13 | accessible. 14 |

15 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /assets/files/drag-drop.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Drag n Drop 5 | 16 | 31 | 32 | 33 | 34 |

Drag and Drop

35 |

Drag the image into the rectangle.

36 | 37 |
38 | Horse 39 |
40 | 41 |
42 | 43 | 44 | -------------------------------------------------------------------------------- /html5-semantic-tags/progress.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |

Task Progress

4 |
5 | 6 |
7 |

Progress: 0%

8 | 9 | 26 | 27 |
28 | 29 |
30 |
31 | 32 | -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/html5-utils.js: -------------------------------------------------------------------------------- 1 | $(function() { // This fires on dom-load. 2 | $(".tabbed-panel").tabs(); 3 | $(".accordion-panel").accordion({ collapsible: true, active: false }); 4 | }); 5 | 6 | var Html5Utils = {}; 7 | 8 | Html5Utils.browserDescription = function() { 9 | return(BrowserDetect.browser + " " + 10 | BrowserDetect.version + " on " + 11 | BrowserDetect.OS); 12 | }; 13 | 14 | Html5Utils.doesOrDoesNot = function(flag) { 15 | if (flag) { 16 | return("does"); 17 | } else { 18 | return("does not"); 19 | } 20 | }; 21 | 22 | Html5Utils.browserSupport = function(flag) { 23 | var browserSupportSentence = 24 | "Your browser (" + Html5Utils.browserDescription() + ") " + 25 | Html5Utils.doesOrDoesNot(flag) + " support this input element."; 26 | return(browserSupportSentence); 27 | }; 28 | 29 | Html5Utils.browserSupportLong = function(flag) { 30 | var browserSupportSentence = 31 | "Your browser " + Html5Utils.doesOrDoesNot(flag) + " support this input element." + 32 | ""; 36 | return(browserSupportSentence); 37 | }; -------------------------------------------------------------------------------- /html5-semantic-tags/geolocation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |

6 |
7 | 8 | 9 | 39 | 40 | -------------------------------------------------------------------------------- /assets/files/web-workers.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Web-Workers 5 | 6 | 7 |

Count numbers:

8 | 9 | 10 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /assets/files/modernizr.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Modernizr 5 | 6 | 7 | 8 |

Modernizr in HTML 5

9 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /assets/files/geolocation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Geolocation 5 | 6 | 7 |

8 |
9 | 10 | 11 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /assets/files/canvas.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | HTML5 Canvas 5 | 6 | 7 | 8 |
Text
9 |

10 | 11 | 12 |
Straight Line
13 |

14 | 15 | 16 |
Rectangle
17 |

18 | 19 | 20 |
Rectangle with Style
21 | This browser does not support Canvas!

22 | 23 | 24 |
Circle
25 | This browser does not support Canvas!

26 | 27 | 28 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /assets/files/semantic-tags.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | HTML5 Semantic Tags 6 | 7 | 8 | 9 |
10 |

JavaScript

11 |

What is JavaScript?

12 |

Today we are going to talk about JavaScript

13 |
14 | 15 | 16 | 24 | 25 | 26 |
27 |

Section Heading

28 |

The section tag can contain any elements.

29 | section example 30 |
31 | 32 | 33 |
34 |

Fun Fact

35 |

Fun fact: most of the fun facts on the Internet are not actually fun.

36 |
37 | 38 | 39 | 43 | 44 | 45 |
46 | Copyright-by Your company All the rights are owned by your company 47 |
48 | 49 | 50 |
51 |
Dog
52 | The Bread Dog 53 |
54 | 55 | 56 |
57 | Some details 58 |

Provide more info about the details here.

59 |
60 | 61 | 62 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /assets/files/html5-api.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | HTML5 API 5 | 6 | 7 |

System Time:

8 | 9 | 73 | 74 | -------------------------------------------------------------------------------- /html5-semantic-tags/html5-input-types_files/browser-detect.js: -------------------------------------------------------------------------------- 1 | // From http://www.quirksmode.org/js/detect.html 2 | // * Browser name: BrowserDetect.browser 3 | // * Browser version: BrowserDetect.version 4 | // * OS name: BrowserDetect.OS 5 | 6 | var BrowserDetect = { 7 | init: function () { 8 | this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; 9 | this.version = this.searchVersion(navigator.userAgent) 10 | || this.searchVersion(navigator.appVersion) 11 | || "an unknown version"; 12 | this.OS = this.searchString(this.dataOS) || "an unknown OS"; 13 | }, 14 | searchString: function (data) { 15 | for (var i=0;i 2 | 3 | 4 | 5 | 6 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | -------------------------------------------------------------------------------- /assets/files/indexed-db.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Indexed-DB 5 | 6 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | -------------------------------------------------------------------------------- /html5-events.md: -------------------------------------------------------------------------------- 1 | ## HTML5 Events List 2 | 3 | |Sl.No|Event |Description | 4 | |-----|---------------------|----------------------------------------------------| 5 | | 01. |offline |Triggers when the document goes offline| 6 | | 02. |onabort |Triggers on an abort event| 7 | | 03. |onafterprint |Triggers after the document is printed| 8 | | 04. |onbeforeonload |Triggers before the document loads| 9 | | 05. |onbeforeprint |Triggers before the document is printed| 10 | | 06. |onblur |Triggers when the window loses focus| 11 | | 07. |oncanplay |Triggers when media can start play, but might has to stop for buffering| 12 | | 08. |oncanplaythrough |Triggers when media can be played to the end, without stopping for buffering| 13 | | 09. |onchange |Triggers when an element changes| 14 | | 10. |onclick |Triggers on a mouse click| 15 | | 11. |oncontextmenu |Triggers when a context menu is triggered| 16 | | 12. |ondblclick |Triggers on a mouse double-click| 17 | | 13. |ondrag |Triggers when an element is dragged| 18 | | 14. |ondragend |Triggers at the end of a drag operation| 19 | | 15. |ondragenter |Triggers when an element has been dragged to a valid drop target| 20 | | 16. |ondragleave |Triggers when an element leaves a valid drop target| 21 | | 17. |ondragover |Triggers when an element is being dragged over a valid drop target| 22 | | 18. |ondragstart |Triggers at the start of a drag operation| 23 | | 19. |ondrop |Triggers when dragged element is being dropped| 24 | | 20. |ondurationchange |Triggers when the length of the media is changed| 25 | | 21. |onemptied |Triggers when a media resource element suddenly becomes empty.| 26 | | 22. |onended |Triggers when media has reach the end| 27 | | 23. |onerror |Triggers when an error occur| 28 | | 24. |onfocus |Triggers when the window gets focus| 29 | | 25. |onformchange |Triggers when a form changes| 30 | | 26. |onforminput |Triggers when a form gets user input| 31 | | 27. |onhaschange |Triggers when the document has change| 32 | | 28. |oninput |Triggers when an element gets user input| 33 | | 29. |oninvalid |Triggers when an element is invalid| 34 | | 30. |onkeydown |Triggers when a key is pressed| 35 | | 31. |onkeypress |Triggers when a key is pressed and released| 36 | | 32. |onkeyup |Triggers when a key is released| 37 | | 33. |onload |Triggers when the document loads| 38 | | 34. |onloadeddata |Triggers when media data is loaded| 39 | | 35. |onloadedmetadata |Triggers when the duration and other media data of a media element is loaded| 40 | | 36. |onloadstart |Triggers when the browser starts to load the media data| 41 | | 37. |onmessage |Triggers when the message is triggered| 42 | | 38. |onmousedown |Triggers when a mouse button is pressed| 43 | | 39. |onmousemove |Triggers when the mouse pointer moves| 44 | | 40. |onmouseout |Triggers when the mouse pointer moves out of an element| 45 | | 41. |onmouseover |Triggers when the mouse pointer moves over an element| 46 | | 42. |onmouseup |Triggers when a mouse button is released| 47 | | 43. |onmousewheel |Triggers when the mouse wheel is being rotated| 48 | | 44. |onoffline |Triggers when the document goes offline| 49 | | 45. |ononline |Triggers when the document comes online| 50 | | 46. |onpagehide |Triggers when the window is hidden| 51 | | 47. |onpageshow |Triggers when the window becomes visible| 52 | | 48. |onpause |Triggers when media data is paused| 53 | | 49. |onplay |Triggers when media data is going to start playing| 54 | | 50. |onplaying |Triggers when media data has start playing| 55 | | 51. |onpopstate |Triggers when the window's history changes| 56 | | 52. |onprogress |Triggers when the browser is fetching the media data| 57 | | 53. |onratechange |Triggers when the media data's playing rate has changed| 58 | | 54. |onreadystatechange |Triggers when the ready-state changes| 59 | | 55. |onredo |Triggers when the document performs a redo| 60 | | 56. |onresize |Triggers when the window is resized| 61 | | 57. |onscroll |Triggers when an element's scrollbar is being scrolled| 62 | | 58. |onseeked |Triggers when a media element's seeking attribute is no longer true, and the seeking has ended| 63 | | 59. |onseeking |Triggers when a media element's seeking attribute is true, and the seeking has begun| 64 | | 60. |onselect |Triggers when an element is selected| 65 | | 61. |onstalled |Triggers when there is an error in fetching media data| 66 | | 62. |onstorage |Triggers when a document loads| 67 | | 63. |onsubmit |Triggers when a form is submitted| 68 | | 64. |onsuspend |Triggers when the browser has been fetching media data, but stopped before the entire media file was fetched| 69 | | 65. |ontimeupdate |Triggers when media changes its playing position| 70 | | 66. |onundo |Triggers when a document performs an undo| 71 | | 67. |onunload |Triggers when the user leaves the document| 72 | | 68. |onvolumechange |Triggers when media changes the volume, also when volume is set to "mute"| 73 | | 69. |onwaiting |Triggers when media has stopped playing, but is expected to resume| -------------------------------------------------------------------------------- /html5-semantic-tags/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | HTML5 Overview 5 | 6 | 7 | 8 | 9 | 10 | 21 | 22 | 23 |
24 |

HTML5 Overview

25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 80 | 81 | 82 | 83 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 |
AttributesDescription
<datalist>Represents a set of pre-defined options for an input element.
<meter>Represents a scalar measurement within a known range
<mark>Represents text highlighted for reference purposes.
<output>Represents the result of a calculation.
<progress>Represents the completion progress of a task.
<audio>Embeds a sound, or an audio stream in an HTML document.
<video>Defines alternative media resources for the media elements like audio or video.
<canvas>Defines a region in the document, which can be used to draw graphics on the fly via scripting (usually JavaScript).
HTML5 Input Types
Session StorageThe session storage uses the sessionStorage object to store data on a temporary basis, for a single window (or tab). The data disappears when session ends.
Local StorageLocalStorage and SessionStorage can use up to 10MB of storage but the number is actually the sum of both. For IndexedDB, you can use up to 50MB on desktop, 5MB on mobile. 76 |

localStorage.setItem('key', 'value');

77 |

localStorage.getItem('key');

78 |

localStorage.removeItem('key');

79 |
Geolocation APIThe geolocation API allows the user to provide their location to web applications 84 |

getCurrentPosition()

85 |

watchPosition()

86 |

clearWatch()

87 |
Web WorkersA web worker is a JavaScript running in the background, without affecting the performance of the page.
IndexedDB
99 | 100 | 101 | 102 |
103 |
104 |
105 |
106 |
107 |
108 | 114 | 120 | 126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 |
151 | 152 | 153 | -------------------------------------------------------------------------------- /html5-tags.md: -------------------------------------------------------------------------------- 1 | ## HTML5 Tags 2 | 3 | #### Structural Tags 4 | 5 | |Tag |Description | 6 | |-------------------|-------------------------------------------------------| 7 | |`` |Defines a hyperlink.| 8 | |`
` |Defines an article.| 9 | |`