وصف أداة فك شفرة html
يحول مشفر أحرف HTML جميع الأحرف القابلة للتطبيق إلى كيانات HTML المقابلة لها. بعض الأحرف لها أهمية خاصة في HTML ويجب تحويلها إلى كيانات HTML الصحيحة للحفاظ على معانيها.
مثال على وحدة فك ترميز Html
قبل فك الشفرة:
<!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>
بعد جهاز فك التشفير:
<!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>
الكيانات والرموز والشخصيات المحجوزة في HTML
يعرض هذا الجدول قائمة بكيانات HTML المحجوزة مع الطابع والوصف المرتبطين بها.
| اختلاف الشخصيات | اسم الكيان | وصف |
|---|---|---|
| " | & quot؛ | علامة اقتباس |
| " | ' | الفاصلة العليا |
| & | & أمبير ؛ | علامة العطف |
| < | < | 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 |
| ò | ò | small o, grave accent |
| ó | ó | small o, acute accent |
| ô | ô | small o, circumflex accent |
| õ | õ | small o, tilde |
| ö | ö | small o, umlaut mark |
| ø | ø | small o, slash |
| ù | ù | small u, grave accent |
| ú | ú | small u, acute accent |
| û | û | small u, circumflex accent |
| ü | ü | small u, umlaut mark |
| ý | ý | small y, acute accent |
| þ | þ | small thorn, Icelandic |
| ÿ | ÿ | small y, umlaut mark |
