Penerangan alat penyahkod html
Pengekod aksara HTML menukar semua aksara yang berkenaan kepada entiti HTML yang sepadan. Aksara tertentu mempunyai kepentingan istimewa dalam HTML dan harus ditukar kepada entiti HTML yang betul untuk mengekalkan maknanya.
Contoh Dekoder Html
Sebelum Decode:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 3</a>
</li>
</ul>
</nav>
<br>
<div class="container-fluid">
<h3>Basic Navbar Example</h3>
<p>A navigation bar is a navigation header that is placed at the top of the page.</p>
<p>The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).</p>
</div>
</body>
</html>
Selepas Penyahkod:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 3</a>
</li>
</ul>
</nav>
<br>
<div class="container-fluid">
<h3>Basic Navbar Example</h3>
<p>A navigation bar is a navigation header that is placed at the top of the page.</p>
<p>The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).</p>
</div>
</body>
</html>
Entiti tersimpan, simbol dan aksara dalam HTML
Jadual ini menunjukkan senarai entiti HTML terpelihara dengan watak dan perihalannya yang berkaitan.
| Perwatakan | Nama entiti | Penerangan |
|---|---|---|
| " | " | tanda petikan |
| ' | ' | tanda kutip |
| & | & | ampersand |
| < | < | less-than |
| > | > | greater-than |
| | non-breaking space | |
| ¡ | ¡ | inverted exclamation mark |
| ¢ | ¢ | cent |
| £ | £ | pound |
| ¤ | ¤ | currency |
| ¥ | ¥ | yen |
| ¦ | ¦ | broken vertical bar |
| § | § | section |
| ¨ | ¨ | spacing diaeresis |
| © | © | copyright |
| ª | ª | feminine ordinal indicator |
| « | « | angle quotation mark (left) |
| ¬ | ¬ | negation |
| | ­ | soft hyphen |
| ® | ® | registered trademark |
| ¯ | ¯ | spacing macron |
| ° | ° | degree |
| ± | ± | plus-or-minus |
| ² | ² | superscript 2 |
| ³ | ³ | superscript 3 |
| ´ | ´ | spacing acute |
| µ | µ | micro |
| ¶ | ¶ | paragraph |
| · | · | middle dot |
| ¸ | ¸ | spacing cedilla |
| ¹ | ¹ | superscript 1 |
| º | º | masculine ordinal indicator |
| » | » | angle quotation mark (right) |
| ¼ | ¼ | fraction 1/4 |
| ½ | ½ | fraction 1/2 |
| ¾ | ¾ | fraction 3/4 |
| ¿ | ¿ | inverted question mark |
| × | × | multiplication |
| ÷ | ÷ | division |
| À | À | capital a, grave accent |
| Á | Á | capital a, acute accent |
| Â | Â | capital a, circumflex accent |
| Ã | Ã | capital a, tilde |
| Ä | Ä | capital a, umlaut mark |
| Å | Å | capital a, ring |
| Æ | Æ | capital ae |
| Ç | Ç | capital c, cedilla |
| È | È | capital e, grave accent |
| É | É | capital e, acute accent |
| Ê | Ê | capital e, circumflex accent |
| Ë | Ë | capital e, umlaut mark |
| Ì | Ì | capital i, grave accent |
| Í | Í | capital i, acute accent |
| Î | Î | capital i, circumflex accent |
| Ï | Ï | capital i, umlaut mark |
| Ð | Ð | capital eth, Icelandic |
| Ñ | Ñ | capital n, tilde |
| Ò | Ò | capital o, grave accent |
| Ó | Ó | capital o, acute accent |
| Ô | Ô | capital o, circumflex accent |
| Õ | Õ | capital o, tilde |
| Ö | Ö | capital o, umlaut mark |
| Ø | Ø | capital o, slash |
| Ù | Ù | capital u, grave accent |
| Ú | Ú | capital u, acute accent |
| Û | Û | capital u, circumflex accent |
| Ü | Ü | capital u, umlaut mark |
| Ý | Ý | capital y, acute accent |
| Þ | Þ | capital THORN, Icelandic |
| ß | ß | small sharp s, German |
| à | à | small a, grave accent |
| á | á | small a, acute accent |
| â | â | small a, circumflex accent |
| ã | ã | small a, tilde |
| ä | ä | small a, umlaut mark |
| å | å | small a, ring |
| æ | æ | small ae |
| ç | ç | small c, cedilla |
| è | è | small e, grave accent |
| é | é | small e, acute accent |
| ê | ê | small e, circumflex accent |
| ë | ë | small e, umlaut mark |
| ì | ì | small i, grave accent |
| í | í | small i, acute accent |
| î | î | small i, circumflex accent |
| ï | ï | small i, umlaut mark |
| ð | ð | small eth, Icelandic |
| ñ | ñ | small n, tilde |
| ò | ò | kecil o, loghat kubur |
| ó | ó | kecil o, aksen akut |
| ô | ô | o kecil, aksen sirkumfleks |
| õ | õ | kecil o, tilde |
| ö | ö | kecil o, tanda umlaut |
| ø | ø | kecil o, tetak |
| ù | ù | u kecil, loghat kubur |
| ú | ú | u kecil, loghat akut |
| û | û | u kecil, loghat sirkumfleks |
| ü | & uuml; | u kecik, tanda umlaut |
| ý | ý | y kecil, aksen akut |
| þ | &duri; | duri kecil, bahasa Iceland |
| ÿ | ÿ | kecil y, tanda umlaut |
