Answer:- SVG stands for Scalable Vector Graphics. It is used to display vector-based graphics over the web. The graphical content it can render is based on an XML format. With SVG, the graphical content is of superior quality thereby providing the user with the ability to furnish high-quality images.

Answer:- Canvas was added onto HTML5 to give users the ability to draw graphics on the go, using JavaScript. There are a variety of methods in to allow for the drawing of paths, circles, boxes, images, and more. Next up on this top Web Developer interview questions and answers, let us understand the difference between canvas and SVG.

Answer:- Canvas • Resolution dependant • Does not support event handlers • Works well for small-scale rendering applications SVG • Resolution independent • Supports event handlers • Performs better for large-scale rendering applications

Answer:- There are many factors that affect the page loading time of a website. However, some methods can be implemented to reduce it drastically. They are given below: • Reduction in the image size • Removal of unnecessary widgets • HTTP compression • Reduction in lookups • Minimal redirection and caching

Answer:- CORS stands for Cross-origin Resource Sharing. It is a mechanism that allows a variety of resources to be requested at a time from a domain that is outside the current request domain.

Answer:- localStorage • No expiry is there for stored data • Data is not deleted upon the closure of the window sessionStorage • The object is valid for only a single session • The object is immediately deleted upon closing the window

Answer:- CSS3 has brought about a lot of changes, making the overall framework more user-friendly and powerful. Some of the features that were added and are very popularly used now are: • Rounded corners • Animation • Custom layout • Media queries

Answer:- Responsive Web Design is a concept that is used to create web pages that can scale across multiple resolutions without any loss of information or screen tearing. It automatically adjusts the structure of the web page based on the device it is viewed on to provide optimal viewing experience.

Answer:- There are three main types of CSS present: • Inline CSS: Supports the addition of CSS inline, alongside HTML elements • External CSS: Used to import an external CSS file to the HTML document • Embedded CSS: Used to add CSS styles by making use of the < style> attribute

Answer:- A CSS selector is used with a rule in the inline elements, which require styling. With the help of selectors, it is easy to find and select HTML elements based on factors, such as name, ID, attribute, etc.

Answer:- The ID selector is used in CSS to point to a target element for usage.

Answer:- Grouping is used in CSS3 to give users the ability to reuse and apply the same CSS style element to multiple HTML entities, using just one single declaration statement. A simple example of grouping is as shown below: #grouped g, ul { padding-top: 20px; margin: 1; }

Answer:- Class selectors in CSS begin with a “.” (period) key and are followed by the name of the class. It is used to select a statement and modify the style of that element in the corresponding part of the HTML tag.

Answer:- Webkit is an important software component in CSS that allows for the easy rendering of HTML and CSS elements in a variety of browsers, such as Chrome, Firefox, and Safari. There are many engines for browsers such as: • Gecko for Mozilla • Presto for Opera • Edge for Internet Explorer