© Khmer Angkor Academy - sophearithput168

Khmer Angkor Academy Logo

Entity

អ្វី​ទៅ​ជា HTML Entity ?

HTML Entity គឺ​ជា​លេខ​កូដ​ពិសេស​ដែល​ប្រើ​សំរាប់​បង្ហាញ​តួអក្សរ​ដែល៖

  • មាន​ន័យ​ពិសេស​ក្នុង​កូដ HTML (ដូចជា <, >, &)
  • មិន​មាន​លើ keyboard ធម្មតា (ដូចជា ©, ®, €, ™)
  • ត្រូវ​បង្ហាញ​ច្រើន​ដង (ដូចជា ដក​ឃ្លា​ច្រើន)
ហេតុ​អ្វី​ត្រូវ​ប្រើ Entity ? ព្រោះ​កូដ HTML ប្រើ​សញ្ញា​មួយ​ចំនួន​សម្រាប់​កំណត់ tags ដូចជា < និង > ។ ដូច្នេះ​បើ​ចង់​បង្ហាញ​សញ្ញា​ទាំង​នេះ​លើ​ទំព័រ ត្រូវ​ប្រើ Entity ។

របៀប​សរសេរ HTML Entity

HTML Entity មាន 2 ទម្រង់៖

  • Entity Name: ចាប់​ផ្តើម​ដោយ & និង​បញ្ចប់​ដោយ ; ឧទាហរណ៍ &lt;
  • Entity Number: ចាប់​ផ្តើម​ដោយ &# និង​បញ្ចប់​ដោយ ; ឧទាហរណ៍ &#60;
<!-- ប្រើ Entity Name -->
<p>សញ្ញា​តូចជាង​ជា &lt;</p>

<!-- ប្រើ Entity Number -->
<p>សញ្ញា​តូចជាង​ជា &#60;</p>

ឧទាហរណ៍​ការ​ប្រើប្រាស់

កាល​ណា​សរសេរ​សញ្ញា​តូចជាង នោះ HTML គិត​ថា វា​ជា​កូដ HTML នោះ​វា​នឹង​មិន​បង្ហា​ញ​ជា​លទ្ធផល​ទេ ។ ដូចនេះ ត្រូវ​ជំនួស​វា​ដោយ Entity គឺ​ត្រូវ​សរសេរ &lt; ។

សញ្ញា & នៅ​តែ​ឯង មិន​ជាបញ្ហា​ទេ តែ​បើ​ចង់​សរសេរ Entity ឲ្យ​ចេញ​ជា​ចម្លើយ​បែបនេះ &gt; ។ យើង​ត្រូវ​ប្ដូរ & ទៅ​ជា &amp; មាន​ន័យ​ថា យើង​ត្រូវ​សរសេរ &amp;gt; ។

Entity សំខាន់ៗ​ដែល​ត្រូវ​ប្រើ​ជាមួយ HTML Tags

រូបរាង ឈ្មោះ​តួ Entity Name Entity Number ពាក្យ​ពេញ
< សញ្ញា​តូចជាង &lt; &#60; less than
> សញ្ញា​ធំជាង &gt; &#62; greater than
& សញ្ញា​និង &amp; &#38; ampersand
" សញ្ញា​ស្រង់ &quot; &#34; quotation mark
' សញ្ញា​ស្រង់​តូច &apos; &#39; apostrophe

Entity សម្រាប់​ដក​ឃ្លា (Space)

HTML យក​ដក​ឃ្លា​ច្រើនៗ​មក​បង្ហាញ​ជា​ដក​ឃ្លា​តែ​មួយ ។ ដើម្បី​បង្ហាញ​ដក​ឃ្លា​ច្រើន​ត្រូវ​ប្រើ Entity ។

រូបរាង ឈ្មោះ Entity Name Entity Number ពន្យល់
ដកឃ្លា &nbsp; &#160; non-breaking space
ដកឃ្លា​ធម្មតា &ensp; &#8194; en space
ដកឃ្លា​ធំ &emsp; &#8195; em space

Entity សម្រាប់​សញ្ញា​ពាណិជ្ជកម្ម

រូបរាង ឈ្មោះ Entity Name Entity Number
© Copyright &copy; &#169;
® Registered &reg; &#174;
™ Trademark &trade; &#8482;
¢ Cent &cent; &#162;
€ Euro &euro; &#8364;
¥ Yen &yen; &#165;
£ Pound &pound; &#163;
$ Dollar &dollar; &#36;

Entity សម្រាប់​សញ្ញា​គណិតវិទ្យា

រូបរាង ឈ្មោះ Entity Name Entity Number
× គុណ &times; &#215;
÷ ចែក &divide; &#247;
− ដក &minus; &#8722;
± បូក​ដក &plusmn; &#177;
≠ មិន​ស្មើ &ne; &#8800;
≤ តូច​ជាង​ស្មើ &le; &#8804;
≥ ធំ​ជាង​ស្មើ &ge; &#8805;
∞ អនន្ត &infin; &#8734;
π Pi &pi; &#960;
° ដឺក្រេ &deg; &#176;
% ភាគរយ &percnt; &#37;

Entity សម្រាប់​សញ្ញា​ព្រួញ (Arrows)

រូបរាង ឈ្មោះ Entity Name Entity Number
← ព្រួញ​ឆ្វេង &larr; &#8592;
→ ព្រួញ​ស្តាំ &rarr; &#8594;
↑ ព្រួញ​លើ &uarr; &#8593;
↓ ព្រួញ​ក្រោម &darr; &#8595;
↔ ព្រួញ​ឆ្វេង​ស្តាំ &harr; &#8596;

Entity សម្រាប់​អក្សរ​ក្រិច (Greek Letters)

រូបរាង ឈ្មោះ Entity Name Entity Number
Α Alpha (ធំ) &Alpha; &#913;
α alpha (តូច) &alpha; &#945;
Β Beta (ធំ) &Beta; &#914;
β beta (តូច) &beta; &#946;
Γ Gamma (ធំ) &Gamma; &#915;
γ gamma (តូច) &gamma; &#947;
Δ Delta (ធំ) &Delta; &#916;
δ delta (តូច) &delta; &#948;
Σ Sigma (ធំ) &Sigma; &#931;
σ sigma (តូច) &sigma; &#963;

Entity សម្រាប់​សញ្ញា​ផ្សេងៗ

រូបរាង ឈ្មោះ Entity Name Entity Number
• ចំណុច​មូល &bull; &#8226;
… ចំណុច​បី &hellip; &#8230;
កថាខណ្ឌ &para; &#182;
§ Section &sect; &#167;
† Dagger &dagger; &#8224;
‡ Double Dagger &Dagger; &#8225;
♠ Spades &spades; &#9824;
♣ Clubs &clubs; &#9827;
♥ Hearts &hearts; &#9829;
♦ Diamonds &diams; &#9830;

ឧទាហរណ៍​ពេញលេញ

<!DOCTYPE html>
<html>
<head>
    <title>ឧទាហរណ៍ HTML Entity</title>
</head>
<body>
    <h2>បង្ហាញ​កូដ HTML</h2>
    <p>&lt;h1&gt;ចំណងជើង&lt;/h1&gt;</p>

    <h2>សញ្ញា​ពាណិជ្ជកម្ម</h2>
    <p>&copy; 2024 Khmer Angkor Academy&reg;</p>

    <h2>គណិតវិទ្យា</h2>
    <p>5 &times; 3 = 15</p>
    <p>10 &divide; 2 = 5</p>
    <p>រង្វង់​មាន 360&deg;</p>

    <h2>ព្រួញ</h2>
    <p>&larr; ថយក្រោយ | បន្ទាប់ &rarr;</p>

    <h2>ដក​ឃ្លា​ច្រើន</h2>
    <p>ពាក្យ&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;មាន​ដក​ឃ្លា​ច្រើន</p>
</body>
</html>

សេចក្តី​សន្និដ្ឋាន

HTML Entity មាន​សារៈសំខាន់​ក្នុង​ការ៖

  • បង្ហាញ​កូដ HTML ជា​អត្ថបទ​លើ​ទំព័រ
  • បង្ហាញ​តួអក្សរ​ពិសេស​ដែល​មិនមាន​លើ keyboard
  • បង្កើត​ដក​ឃ្លា​ច្រើន​នៅ​កន្លែង​ដែល​ត្រូវការ
  • បង្ហាញ​សញ្ញា​ពាណិជ្ជកម្ម, គណិតវិទ្យា និង​សញ្ញា​ផ្សេងៗ
គន្លឹះ: អ្នក​អាច​ជ្រើសរើស​ប្រើ Entity Name ឬ Entity Number ក៏​បាន ប៉ុន្តែ Entity Name ងាយ​ចាំ​ជាង ។
មេរៀនមុន
ក្បាល
បញ្ចប់មេរៀន