HTML Entity குறியாக்கி / மறைகுறியாக்கி

இணையப் பக்கங்களில் பாதுகாப்பான காட்சிக்காக HTML entities-ஐ குறியாக்கம் செய்து மறைகுறியாக்கம் செய்யுங்கள்

குறியாக்க விருப்பங்கள்

அனைத்து குறியாக்கமும் மறைகுறியாக்கமும் உங்கள் browser-ல் உள்நாட்டிலேயே செய்யப்படுகிறது.

HTML Entity குறியாக்கி / மறைகுறியாக்கி பற்றி

இந்த இலவச ஆன்லைன் HTML entity குறியாக்கி மற்றும் மறைகுறியாக்கி சிறப்பு எழுத்துக்களை HTML entities-ஆக மாற்ற உதவுகிறது மற்றும் அதற்கு நேர்மாறாகவும் மாற்றுகிறது. HTML-ல் ஒதுக்கப்பட்ட எழுத்துக்களை காட்ட HTML entities பயன்படுத்தப்படுகின்றன, இல்லையெனில் அவை HTML code-ஆக விளக்கப்படும்.

எடுத்துக்காட்டாக, less-than குறியீடு (<) HTML-ல் சரியாக காட்ட &lt; ஆக குறியாக்கம் செய்யப்பட வேண்டும். இந்த கருவி HTML entities-ஐ குறியாக்கம் செய்தல் மற்றும் மறைகுறியாக்கம் செய்வதை விரைவாகவும் எளிதாகவும் செய்கிறது.

அனைத்து உரை செயலாக்கமும் உங்கள் browser-ல் உள்நாட்டில் செய்யப்படுகிறது - உங்கள் தரவு உங்கள் சாதனத்தை விட்டு வெளியேறாது.

எவ்வாறு பயன்படுத்துவது

  1. ஒட்டவும் அல்லது தட்டச்சு செய்யவும் உங்கள் உரையை உள்ளீட்டு பகுதியில்
  2. குறியாக்க விருப்பங்களைத் தேர்ந்தெடுக்கவும்:
    • Named Entities: படிக்கக்கூடிய entity பெயர்களாக மாற்றவும் - &lt;, &gt;, &amp;
    • Numeric Entities: தசம எண்களாக மாற்றவும் - &#60;, &#62;, &#38;
    • Hexadecimal Entities: hex எண்களாக மாற்றவும் - &#x3C;, &#x3E;, &#x26;
  3. குறியாக்கம் செய் என்பதை கிளிக் செய்யவும் சிறப்பு எழுத்துக்களை HTML entities-ஆக மாற்ற
  4. மறைகுறியாக்கம் செய் என்பதை கிளிக் செய்யவும் HTML entities-ஐ வழக்கமான எழுத்துக்களாக மாற்ற
  5. மாற்று பயன்படுத்தவும் உள்ளீடு மற்றும் வெளியீட்டு உரையை மாற்ற
  6. முடிவை நகலெடுக்கவும் அல்லது text file-ஆக பதிவிறக்கவும்

அம்சங்கள்

  • HTML Entities-க்கு குறியாக்கம்: சிறப்பு எழுத்துக்களை பாதுகாப்பான HTML entities-ஆக மாற்றுங்கள்
  • HTML Entities மறைகுறியாக்கம்: HTML entities-ஐ வழக்கமான எழுத்துக்களாக மாற்றுங்கள்
  • பல Entity வகைகள்: Named, numeric (decimal), மற்றும் hexadecimal entities
  • நெகிழ்வான குறியாக்கம்: அனைத்து எழுத்துக்களையும் அல்லது சிறப்பு எழுத்துக்களை மட்டும் குறியாக்கம் செய்யுங்கள்
  • உள்ளீடு/வெளியீடு மாற்று: உள்ளீடு மற்றும் வெளியீட்டிற்கு இடையே உரையை விரைவாக மாற்றுங்கள்
  • எழுத்து புள்ளிவிவரங்கள்: எழுத்து எண்ணிக்கைகள் மற்றும் entity எண்ணிக்கைகளைப் பார்க்கவும்
  • Clipboard-க்கு நகலெடு: ஒரே கிளிக் நகல்
  • File-ஆக பதிவிறக்கு: முடிவுகளை .txt அல்லது .html file-ஆக சேமிக்கவும்
  • நேரடி செயலாக்கம்: உடனடி குறியாக்கம் மற்றும் மறைகுறியாக்கம்

தனியுரிமை & பாதுகாப்பு

உங்கள் தனியுரிமை முக்கியம். இந்த கருவி அனைத்து உரையையும் முழுமையாக உங்கள் browser-ல் செயலாக்குகிறது.

  • எந்த தரவும் எந்த server-க்கும் அனுப்பப்படவில்லை
  • உங்கள் உரை உள்ளடக்கத்தின் பதிவு அல்லது கண்காணிப்பு இல்லை
  • ஆரம்ப பக்க ஏற்றத்திற்குப் பிறகு முழுமையாக ஆஃப்லைனில் வேலை செய்கிறது
  • முக்கியமான HTML code மற்றும் உள்ளடக்கத்திற்கு பாதுகாப்பானது

பொதுவான பயன்பாட்டு வழக்குகள்

  • இணைய மேம்பாடு: HTML-ல் பயனர் உள்ளீடு அல்லது code snippets-ஐ பாதுகாப்பாக காட்டுங்கள்
  • மின்னஞ்சல் வார்ப்புருக்கள்: HTML மின்னஞ்சல்களுக்கு சிறப்பு எழுத்துக்களை குறியாக்கம் செய்யுங்கள்
  • XML/RSS Feeds: XML ஆவணங்களுக்கு உள்ளடக்கத்தை குறியாக்கம் செய்யுங்கள்
  • உள்ளடக்க மேலாண்மை: தரவுத்தள சேமிப்பு அல்லது காட்சிக்கு உரையைத் தயாரிக்கவும்
  • Code ஆவணப்படுத்தல்: செயல்படுத்தல் இல்லாமல் HTML code உதாரணங்களைக் காட்டுங்கள்
  • SEO & Meta Tags: meta விளக்கங்களில் சிறப்பு எழுத்துக்களை குறியாக்கம் செய்யுங்கள்
  • XSS தடுப்பு: cross-site scripting தாக்குதல்களைத் தடுக்க பயனர் உள்ளீட்டை சுத்தப்படுத்துங்கள்
  • தரவு இடம்பெயர்வு: வெவ்வேறு குறியாக்க வடிவங்களுக்கு இடையே மாற்றுங்கள்

முக்கிய சொற்கள் & கருத்துக்கள்

HTML Entity

HTML entity என்பது ampersand (&) உடன் தொடங்கி semicolon (;) உடன் முடியும் ஒரு உரை (string) ஆகும். HTML code-ஆக விளக்கப்படும் ஒதுக்கப்பட்ட எழுத்துக்களையும், உங்கள் keyboard-ல் எளிதில் தோன்றாத எழுத்துக்களையும் காட்ட entities பயன்படுத்தப்படுகின்றன.

Named Entities

Named entities நினைவில் வைத்துக் கொள்ள எளிதான விளக்க பெயர்களைப் பயன்படுத்துகின்றன. எடுத்துக்காட்டு: less-than (<)-க்கு &lt;, greater-than (>)-க்கு &gt;, ampersand (&)-க்கு &amp;, quote (")-க்கு &quot;, மற்றும் non-breaking space-க்கு &nbsp;.

Numeric Entities

Numeric entities எழுத்துக்களை அவற்றின் Unicode code point-ன் அடிப்படையில் தசம எண்களைப் பயன்படுத்தி குறிக்கின்றன. எடுத்துக்காட்டு: <-க்கு &#60;, >-க்கு &#62;, &-க்கு &#38;. எந்த Unicode எழுத்துக்கும் numeric entities வேலை செய்கின்றன.

Hexadecimal Entities

Hexadecimal entities numeric entities போன்றவை ஆனால் தசம எண்களுக்கு பதிலாக hexadecimal (base-16) எண்களைப் பயன்படுத்துகின்றன. எடுத்துக்காட்டு: <-க்கு &#x3C;, >-க்கு &#x3E;, &-க்கு &#x26;. பல developers hex entities-ஐ விரும்புகிறார்கள் ஏனெனில் அவை Unicode குறியீட்டுடன் பொருந்துகின்றன.

Character Encoding (எழுத்து குறியாக்கம்)

Character encoding என்பது எழுத்துக்களை பாதுகாப்பாக சேமிக்கவோ அல்லது அனுப்பவோ முடியும் வடிவமாக மாற்றும் செயல்முறையாகும். HTML entity encoding என்பது HTML மற்றும் XML ஆவணங்களுக்காக குறிப்பாக வடிவமைக்கப்பட்ட character encoding-ன் ஒரு முறையாகும்.

Reserved Characters (ஒதுக்கப்பட்ட எழுத்துக்கள்)

HTML-ல் reserved characters என்பது சிறப்பு பொருள் கொண்ட எழுத்துக்கள் மற்றும் உள்ளடக்கத்தில் நேரடியாக பயன்படுத்த முடியாதவை. இவற்றில் அடங்கும்: < (less than), > (greater than), & (ampersand), " (quote), மற்றும் ' (apostrophe). இவை HTML entities-ஆக குறியாக்கம் செய்யப்பட வேண்டும்.

உதாரணங்கள்

உதாரணம் 1: சிறப்பு எழுத்துக்களை குறியாக்கம் செய்தல்

உள்ளீடு:

<div class="container">Hello & Welcome!</div>

வெளியீடு (Named Entities):

&lt;div class=&quot;container&quot;&gt;Hello &amp; Welcome!&lt;/div&gt;

உதாரணம் 2: HTML Entities மறைகுறியாக்கம் செய்தல்

உள்ளீடு:

Price: &pound;99.99 &ndash; Order now &rarr;

வெளியீடு:

Price: £99.99 – Order now →

உதாரணம் 3: Numeric vs Named Entities

அசல்: <

Named Entity: &lt;

Numeric Entity: &#60;

Hex Entity: &#x3C;

இந்த மூன்று வடிவங்களும் ஒரே எழுத்தைக் குறிக்கின்றன மற்றும் browser-ல் ஒரே மாதிரியாக காட்டப்படும்.

முக்கியமான குறிப்புகள்

Browser ஆதரவு: HTML entities அனைத்து web browsers-ஆலும் ஆதரிக்கப்படுகின்றன. Named entities மிகவும் படிக்கக்கூடியவை ஆனால் அனைத்து Unicode எழுத்துக்களுக்கும் ஆதரிக்கப்படாமல் போகலாம். Numeric மற்றும் hexadecimal entities எந்த எழுத்துக்கும் வேலை செய்கின்றன.
குறியாக்க தேவை: எல்லா எழுத்துக்களும் குறியாக்கம் செய்ய வேண்டிய அவசியமில்லை. Reserved எழுத்துக்கள் (<, >, &, ", ') மற்றும் சரியாக காட்டப்படாத சிறப்பு Unicode எழுத்துக்கள் மட்டுமே குறியாக்கம் செய்ய வேண்டும்.
URL Encoding vs HTML Encoding: HTML entity encoding URL encoding-விட வேறுபட்டது. HTML entities HTML உள்ளடக்கத்தில் பயன்படுத்தப்படுகின்றன, அதே நேரத்தில் URL encoding இணைய முகவரிகளில் பயன்படுத்தப்படுகிறது. இவை இரண்டையும் குழப்பாதீர்கள்.
செயல்திறன்: அதிக அளவு உரைக்கு, ஒவ்வொரு எழுத்தையும் குறியாக்கம் செய்வது file அளவை கணிசமாக அதிகரிக்கும். சிறந்த செயல்திறனுக்கு "சிறப்பு எழுத்துக்களை மட்டும் குறியாக்கம் செய்" பயன்படுத்தவும்.
இரட்டை குறியாக்கம்: ஏற்கனவே குறியாக்கம் செய்யப்பட்ட உரையை மீண்டும் குறியாக்கம் செய்யாமல் கவனமாக இருங்கள். எடுத்துக்காட்டாக, &lt;-ஐ மீண்டும் குறியாக்கம் செய்தால் &amp;lt; என்ற முடிவு கிடைக்கும், இது <-க்கு பதிலாக &lt; ஆக காட்டப்படும்.
Case Sensitivity (எழுத்து வேறுபாடு): Named entities case-sensitive ஆகும். &Nbsp; என்பது &nbsp; போல் அல்ல. எப்போதும் சரியான case-ஐ பயன்படுத்தவும்.
Advertisement