Web-Development-Applications Exam Dumps and Practice Questions

The <footer> tag is used to define a footer for a document or a section. A footer typically contains information about the author of the document, contact information, copyright details, and links to terms of use, privacy policy, etc. It is a semantic element in HTML5, which means it clearly describes its meaning to both the browser and the developer.

Purpose of <footer>: The <footer> element represents a footer for its nearest sectioning content or sectioning root element. It typically contains information like:

Contact information

Copyright information

Links to related documents

Information about the author

Usage Example:

<footer>

Contact us at: contact@example.com

&copy; 2024 Example Company

</footer>

In this example, the <footer> tag encloses contact information and copyright details.

Semantic Importance: Using semantic elements like <footer> enhances the accessibility of the document and provides better context for search engines and other user devices.

MDN Web Docs on <footer>

W3C HTML5 Specification on <footer>

> ''The value of the `pattern` attribute must be a valid regular expression. This expression defines what input is considered valid.''

> Used for input validation directly in HTML without relying on JavaScript.

* MDN Web Docs: pattern attribute

* W3C HTML Form Validation Specification

---

Here are the verified and correctly formatted answers for Questions 63 through 66 using your requested format:

---

The position: absolute rule removes the element from the normal document flow. The element is then positioned relative to the nearest positioned ancestor (i.e., one with relative, absolute, or fixed positioning).

''Absolutely positioned elements are removed from the normal document flow. They are positioned relative to their nearest positioned ancestor instead of the viewport.''

This contrasts with:

relative: keeps the element in flow and shifts it.

static: default positioning, follows normal flow.

inherit: simply adopts the position value from the parent.

CSS Positioning Specification

MDN Web Docs -- position: absolute

W3Schools -- CSS Position Property

To make the corners of a div element rounded, the CSS property border-radius is used. This property allows you to define how rounded the corners should be by specifying a radius.

CSS border-radius Property:

Syntax:

div {

border-radius: 10px;

}

Description: The value can be in pixels (px), percentages (%), or other units. Higher values create more rounded corners.

Example:

Given HTML:

Given CSS:

div {

width: 100px;

height: 50px;

background-color: red;

border-radius: 10px;

}

MDN Web Docs - border-radius

W3C CSS Backgrounds and Borders Module Level 3