Two HTML Elements Overlapping Each Other

Q

Can Two HTML Elements Partially Overlap Each Other?

✍: FYIcenter.com

A

No, two elements can not partially overlap each other. One element must be completely enclosed inside the other element. See the following two examples:

  <!-- Valid: "em" is enclosed inside "strong" --> 
  <p>There was once upon <strong>a time a <em>peasant-
    woman</em> who had a daughter</strong> and a step-
    daughter.</p>
 
  <!-- Invalid: "em" is partially overlapped 
    with "strong" -->
  <p>There was once upon <strong>a time a <em>peasant-
    woman</strong> who had a daughter</em> and a step-
    daughter.</p>

⇒ Sequence of Sub-elements in HTML

⇐ What Is a Sub-element in HTML?

⇑ Introduction of HTML Element Content Syntax

⇑⇑ HTML Tutorials

2024-02-28, ∼1867🔥, 0💬

HTML Entities
What Is an HTML Entity? An HTML entity is escape sequence used to represent a special character that is hard to enter via a normal keyboard. For example, you can not find a key on your keyboard to enter the copyright character, "©" directly. You need to use the HTML entity "&copy;" to repres... 2024-04-14, ∼2964🔥, 0💬

HTML Elements with Mixed Contents
What Are the HTML Elements Defined with Mixed Contents? The following HTML elements are defined to use the mixed content model: <p> - Element to insert a paragraph. <pre> - Element to insert a pre-formatted text. <li> - Element to insert an item into a list.... 2024-04-14, ∼2505🔥, 0💬

What Is a Sub-element in HTML?
What Is a Sub-element in HTML? A sub-element is an HTML element that is included inside the content of another HTML element. The inner element is called the sub-element or child element. The outer element is called the parent element. Together they are called nested elements. Note that which element... 2024-02-28, ∼2336🔥, 0💬

What Is CDATA in HTML Documents?
What Is CDATA in HTML documents? CDATA stands for Character DATA, which is used to define a section of data that should not go through the XHTML entity translation (parsing) process. In other words, 3 special characters: "<", ">", and "&" can be directly used in CDATA. They wil... 2024-02-28, ∼2162🔥, 0💬

Two HTML Elements Overlapping Each Other
Can Two HTML Elements Partially Overlap Each Other? No, two elements can not partially overlap each other. One element must be completely enclosed inside the other element. See the following two examples:  <p>There was once ... 2024-02-28, ∼1868🔥, 0💬

White Space Characters Handling Rules in HTML
How Exactly White Space Characters Are Ignored? White space characters will be processed (ignored) based where they are located: White space characters will be ignored between block elements. White space characters will be preserved in element "pre". White space characters will be preserved in CDATA... 2024-02-21, ∼1855🔥, 2💬

White Space Characters in HTML
What Is a White Space Character? A white space character is a character that leaves nothing on your screen. There are 4 known white space characters: " " - The space character. "\t" - The tab character. "\n" - The new line character. "\r" - The carriage return character. White space characters are g... 2024-02-18, ∼1789🔥, 0💬

Required Sub-elements in HTML
What Is a Required Sub-element? A required sub-element is a sub-element that you must included in the parent element. Most sub-elements are optional. But there are some sub-elements that are required by their parent elements. Here are two good examples: <!-- Valid: "head" requires "title" --&... 2024-02-28, ∼1771🔥, 0💬

Sequence of Sub-elements in HTML
What Is the Sequence of Sub-elements? The sequence of sub-elements is the order of how each sub-element is placed inside the parent element. For most parent elements, their sub-elements can be placed in any order. But some parent elements require you to follow a predefined sequence. For example, ele... 2024-02-28, ∼1726🔥, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.