00:10Hello, welcome to the Transcendent.
00:14In this video, we'll learn what are HTML special character entities like ampersand and how are they used.
00:23The less than symbol, the greater than symbol, and the ampersand symbol are undoubtedly among the most crucial characters we
00:31utilize in order to construct HTML documents effectively.
00:34The question arises when we desire to showcase these very symbols in our actual content, while simultaneously ensuring that they
00:42maintain their original significance and meaning.
00:45We had a brief discussion regarding this issue back when we were discussing the code and pre-elements.
00:50Now, we will explore into this topic and examine it in even more detail and thoroughly.
00:56When we type a greater than, less than, or ampersand symbol by itself, it is generally noticeable and visible as
01:03a component within the written text on the page.
01:05However, if we begin to construct something that resembles an actual HTML element, that entire structure is frequently destined to
01:13disappear from view altogether.
01:14The web browser automatically assumes that it should proceed with processing this particular content as a structural HTML command, rather
01:22than simply presenting it as visible, tangible content.
01:25In particular situations, it is absolutely essential for us to discover a feasible solution to this problem on our own.
01:32This is where we make use of something called a character entity.
01:36HTML entities are organized in a distinct and specific manner, an ampersand, a unique short code, and finally a semicolon.
01:45We write these codes efficiently within an HTML file, maintaining a clean and efficient coding structure.
01:51And they are then rendered into the particular characters that we are particularly interested in showcasing and emphasizing in the
01:57final outcome.
01:58This is the precise technique we utilized in the demonstration for the pre-tag.
02:03Every single instance of a greater than or less than symbol was written, utilizing its corresponding character entity, ensuring that
02:11the comparison remains accurate and clear.
02:14The W3C continually updates and maintains a comprehensive reference chart of all character entities, allowing us to effortlessly look up
02:22and access the information we need.
02:32For example, if we need to place a copyright symbol into our content, we can simply type the entity like
02:39ampersand, copy, and semicolon to make it appear.
02:42We are not required to use the character entity exclusively for this.
02:47Frequently, we can simply copy and paste the character directly or learn the specific keyboard command for it.
02:53Doing so allows us to quickly incorporate the character into our text, ensuring accuracy and efficiency in our writing and
03:00typing tasks.
03:01Nevertheless, employing these HTML special characters continues to be a completely valid and dependable method for accomplishing this particular task.
03:10There is a particularly unique entity that we would like to emphasize, the non-breaking space.
03:16Ordinarily, standard spaces serve as potential locations where lines of text might pause or branch out.
03:23The words themselves remain intact, and when a line runs out of room, the browser identifies a normal space to
03:29wrap the text to a new line.
03:31It constantly seeks out and locates any established standard spaces found between words.
03:36However, we can incorporate a non-breaking space between two words instead of a regular one,
03:42and the browser will be furnished with the instruction to refrain from separating them.
03:47For instance, if we were wished to consistently utilize the expression,
03:51the transcendent in a manner that constantly appears as a single, unified concept.
03:56In order to guarantee that the phrase that will never appear on a separate line alongside the word transcendent,
04:03we would take the necessary precaution by employing the assistance of the corresponding entity.
04:08We can type and NBSV for non-breaking space.
04:13Between these two words, there exists a particular point where the line will consistently appear to be indomitable,
04:19regardless of the most extreme and challenging circumstances that may be present.
04:24Individuals also utilize the non-breaking space to steer the browser towards displaying an unusually high number of consecutive spaces
04:31as a form of manipulation.
04:33As we've already delved into the topic, discussing how when you introduce a series of spaces in your HTML code,
04:39the browser tends to automatically collapse them into a single, unified space.
04:44The browser does not.
04:46However, on the other hand, does not effectively remove non-breaking spaces either.
04:50Therefore, you have the ability to create a double space, for instance,
04:54by utilizing one regular space and one non-traumatic space.
04:58In essence, HTML character entities provide a reliable method to guarantee the browser renders the exact character we need on
05:05the page,
05:06including these powerful non-breaking spaces.
05:09In summary, HTML character entities provide a dependable method for us to guarantee that the web browser
05:15correctly displays the precise character we desire, without any discrepancies.
05:20This rule applies to all symbols appearing on the page,
05:23and certainly includes the valuable non-breaking spaces,
05:27which play a significant role in maintaining a visually appealing and easy-to-read layout.
05:31You can find all the necessary files and exercises to practice with this video in the attached files.
05:37You can find all the necessary files.
Comments