Write special characters in html


As a business owner, being able lớn publish your content khổng lồ the website represents an incredible distribution opportunity. The evolution of web publishing has allowed for nearly any printed materials to be distributed online, often times for a fraction of the expense.

Bạn đang xem: Write special characters in html

One of the challenges of publishing content online is maintaining a certain level of visual consistency. Often times printed materials will contain characters that aren’t obvious how to lớn display in a markup language such as HTML. For example, a copyright statement may have sầu the “©” symbol in it, however there doesn’t seem to be a key for that on the keyboard. What about the registered trademark symbol, accent marks, or even something as trivial as “greater than” và “less than” symbols? Due to the nature of HTML, using some of these symbols can be confusing, but we are about the clear them up.

If you use a “What You See Is What You Get” (WYSIWYG) HTML editor such as Adobe GoLive sầu or Macrotruyền thông media Dreamweaver lớn create your web pages, using things lượt thích the “greater than” & “less than” symbols isn’t a problem. Simply type them as you normally would. However, what about the other special characters, và what about those people that code their HTML by hand. For them displaying these special characters can be a problem.

The solution to this problem is special character codes in HTML. These are special HTML codes that have sầu been developed lớn represent the myriad of special characters available, such as the ones outlined above sầu. In order to lớn display some characters correctly, these codes must be placed inkhổng lồ the HTML code rather than the actual symbol itself. This tutorial will provide a sampling of some of the more common of these codes, & how to lớn use them in your HTML pages.


Have you ever tried to create a text bloông xã in your HTML document that contains the “greater than” symbol? If you have, you probably realized real quiông chồng that it didn’t quite show up in a browser the way that you expected. The reason for this is that HTML uses those “<” symbols as a bracket to lớn encthất bại tags. So in this case, the browser isn’t able khổng lồ underst& the context of the symbol, và simply mistakes it for a tag opening.

This same phenomenon is true for many other special characters that are commonly in use. In order lớn distinguish between characters that have significance in the code, and the ones that need khổng lồ be displayed there are HTML character codes lớn ensure that your nội dung appears the way you want it to lớn. Here is a listing of a few comtháng special characters:

The Copyright Symbol (©): (©) This symbol is used quite frequently, & represents a copyright announcement for the materials upon which it appears.

The Registered Trademark Symbol (®): (®) Another frequently used symbol to lớn indicate that the materials it appears on is a registered trademark of the owner.

The Trademark Symbol (™): (™) Similar to lớn the registered trademark is the trademark symbol, usually used when the owner of the material it appears on has filed an application for a registered trademark.

Xem thêm: Cj: Strike Back For Android, Free Download Cj: Strike Back Apk V1

The Non-breaking Space: ( ) A non-breaking space is really just a space. Since HTML only renders one space if there are gaps in the code, this is used when consecutive spaces need to lớn be shown. Rather than needing one between every word in a document, the non-breaking space is reserved for adding extra space when needed.

The Ampersand (&): (&) Obviously this one is frequently used. To display an ampersvà simple use the code above sầu.

Less Than and Greater Than (< , >): (< or >) These are another that are frequently used but a bit confusing. Along with the ampersvà, these are the few characters that appear on your keyboard that require special codes.

French Accent Marks (é or è): (é or è) Accent marks are common và confusing. Use these codes to ensure that your nội dung is displayed correctly to your customers.

The Spanish Tilde (ñ): (ñ) Another confusing part of displaying your text can be solved with this special character, especially if you provide Spanish nội dung.

The Cents Symbol (¢): (¢) The dollar sign works, but the cents symbol requires a special code. Though probably not used as often, this one is a good one khổng lồ be aware of.

Notice that each of the codes begins with an Ampersvà (&) and kết thúc with a semi-colon (;), which explains why you need a special code lớn display an Ampersvà.

If you are using a WYSIWYG (What You See Is What You Get) HTML editor, such as Macrotruyền thông Dreamweaver or Adobe GoLive sầu, you will probably not need these codes as much, since you can use the normal keyboard shortcuts, and the editor will automatically insert the code. You can also access special characters through application menus, such as the following example in Dreamweaver:

When you want to lớn insert a special character, select Insert > HTML > Special Characters. From there are you presented with a few of the most common, or you can choose “Other” khổng lồ view all the characters available. Simply select the character you would lượt thích to insert và the code is inserted for you.

If you are coding your HTML yourself, you will want to get familiar with using these codes. Essentially you just put the code in where you want the character khổng lồ appear. Suppose that we want to lớn display this sentence in a website browser:

Daily & Monthly Specials.

Assuming that this text will appear in a paragraph, the HTML code that is required khổng lồ render this sentence would be:

<p>Daily &amp; Monthly Specials.</p>

Notice that we simply replace the ampers& with our special character code, & we are good to go. However, it is important lớn realize that not all special characters will show up in all browsers. The website Internet.com provides the following liên kết khổng lồ learn more about browser compatibility & special characters:

Special Characters Not Suitable for Netscape 4 Special Characters that may not work on a Mac Special Characters only suitable for fully HTML 4-compliant browsers Special Characters that may not work in any browser