HTML vs XHTML - Jassif Team

HTML Versus XHTML

XHTML என்பது HTML இன் கடுமையான, XML அடிப்படையிலான பதிப்பாகும்.

XHTML என்றால் என்ன?

XHTML என்பது EXtensible HyperText Markup Language என்பதன் சுருக்கமாகும்

XHTML என்பது HTML இன் கடுமையான, XML அடிப்படையிலான பதிப்பாகும்

XHTML என்பது XML பயன்பாடாக வரையறுக்கப்பட்ட HTML ஆகும்

XHTML அனைத்து முக்கிய உலாவிகளாலும் ஆதரிக்கப்படுகிறது

ஏன் XHTML?

XML என்பது எல்லா ஆவணங்களும் சரியாக குறிக்கப்பட வேண்டிய ஒரு மார்க்அப் மொழியாகும் ("நன்கு உருவாக்கப்பட்ட" என இருக்க வேண்டும்).

XHTML, HTML ஐ மேலும் விரிவாக்கக்கூடியதாகவும் பிற தரவு வடிவங்களுடன் (XML போன்றவை) வேலை செய்வதற்கு நெகிழ்வானதாகவும் மாற்றுவதற்காக உருவாக்கப்பட்டது. கூடுதலாக, உலாவிகள் HTML பக்கங்களில் உள்ள பிழைகளைப் புறக்கணித்து, மார்க்அப்பில் சில பிழைகள் இருந்தாலும் வலைத்தளத்தைக் காண்பிக்க முயற்சிக்கின்றன. எனவே XHTML மிகவும் கடுமையான பிழை கையாளுதலுடன் வருகிறது.

💡 உதவிக்குறிப்பு:

XML ஐப் படிக்க விரும்பினால், எங்கள் XML டுடோரியலைப் படியுங்கள்.

HTML இலிருந்து மிக முக்கியமான வேறுபாடுகள்

முக்கிய தேவைகள்

!DOCTYPE கட்டாயமாகும்
html இல் xmlns பண்புக்கூறு கட்டாயமாகும்
html, head, title, மற்றும் body கட்டாயமாகும்

உறுப்பு விதிகள்

உறுப்புகள் எப்போதும் சரியாக கூடு அமைக்கப்பட வேண்டும்
உறுப்புகள் எப்போதும் மூடப்பட வேண்டும்
உறுப்புகள் எப்போதும் சிறிய எழுத்தில் இருக்க வேண்டும்

பண்புக்கூறு விதிகள்

பண்புக்கூறு பெயர்கள் எப்போதும் சிறிய எழுத்தில் இருக்க வேண்டும்
பண்புக்கூறு மதிப்புகள் எப்போதும் மேற்கோளிடப்பட வேண்டும்
பண்புக்கூறு குறைப்பு தடைசெய்யப்பட்டுள்ளது

XHTML - கட்டாயமாகும்

ஒரு XHTML ஆவணத்தில் XHTML அறிவிப்பு இருக்க வேண்டும்.

html, head, title, மற்றும் body உறுப்புகளும் இருக்க வேண்டும், மேலும் html இல் உள்ள xmlns பண்புக்கூறு ஆவணத்திற்கான xml பெயர்வெளியைக் குறிப்பிட வேண்டும்.

எடுத்துக்காட்டு

குறைந்தபட்ச தேவையான குறிச்சொற்களுடன் கூடிய XHTML ஆவணம்:

XHTML Document Structure

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Title of document</title>
</head>
<body>

  some content here...

</body>
</html>

XHTML விதிகள் மற்றும் எடுத்துக்காட்டுகள்

சரி ✓

<b><i>Some text</i></b>

உறுப்புகள் சரியாக கூடு அமைக்கப்பட்டுள்ளன

<p>This is a paragraph</p>
<p>This is another paragraph</p>

உறுப்புகள் சரியாக மூடப்பட்டுள்ளன

A break: <br />
An image: <img src="happy.gif" 
        alt="Happy face" />

வெற்று உறுப்புகள் மூடப்பட்டுள்ளன

தவறு ✗

<b><i>Some text</b></i>

உறுப்புகள் தவறாக கூடு அமைக்கப்பட்டுள்ளன

<p>This is a paragraph
<p>This is another paragraph

உறுப்புகள் மூடப்படவில்லை

A break: <br>
An image: <img src="happy.gif" 
        alt="Happy face">

வெற்று உறுப்புகள் மூடப்படவில்லை

உறுப்புகள் மற்றும் பண்புக்கூறுகள் சிறிய எழுத்தில் இருக்க வேண்டும்

உறுப்பு பெயர்கள்

<body>
  <p>This is correct</p>
</body>

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

பண்புக்கூறு பெயர்கள்

<a href="...">Correct</a>

பண்புக்கூறு பெயர்கள் சிறிய எழுத்தில்

பண்புக்கூறு மதிப்புகள்

<a href="...">Correct</a>

பண்புக்கூறு மதிப்புகள் மேற்கோளிடப்பட்டுள்ளன

பண்புக்கூறு குறைப்பு தடைசெய்யப்பட்டுள்ளது

சரி ✓	தவறு ✗	விளக்கம்
`<input checked="checked" />`	`<input checked />`	பூலியன் பண்புக்கூறுகள் முழு வடிவத்தில் இருக்க வேண்டும்
`<input disabled="disabled" />`	`<input disabled />`	முடக்கப்பட்ட பண்புக்கூறுகள் முழு வடிவத்தில் இருக்க வேண்டும்
`<option selected="selected">`	`<option selected>`	தேர்ந்தெடுக்கப்பட்ட பண்புக்கூறு முழு வடிவத்தில் இருக்க வேண்டும்

XHTML சிறந்த நடைமுறைகள்

எப்போதும் DOCTYPE ஐச் சேர்க்கவும்

உங்கள் XHTML ஆவணங்களின் தொடக்கத்தில் சரியான DOCTYPE அறிவிப்பைச் சேர்க்கவும்

உறுப்புகளைச் சரியாக மூடவும்

எல்லா உறுப்புகளையும் சரியாக மூடுவதை உறுதி செய்யவும், வெற்று உறுப்புகளுக்கும் இது பொருந்தும்

சிறிய எழுத்து பயன்பாடு

உறுப்பு பெயர்கள் மற்றும் பண்புக்கூறு பெயர்கள் இரண்டையும் சிறிய எழுத்தில் எழுதவும்

பண்புக்கூறு குறைப்பு தவிர்க்கவும்

checked அல்லது disabled போன்ற சுருக்கப்பட்ட பண்புக்கூறு வடிவங்களைப் பயன்படுத்த வேண்டாம்

பயிற்சி பகுதி

❓ பின்வருவனவற்றில் எது சரியான XHTML தொடரியல்?

<br />

✓ சரி! XHTML இல் வெற்று உறுப்புகள் சரியாக மூடப்பட வேண்டும்

<BR>

✗ தவறு! XHTML இல் உறுப்புகள் சிறிய எழுத்தில் இருக்க வேண்டும்

<br>

✗ தவறு! XHTML இல் வெற்று உறுப்புகள் சரியாக மூடப்பட வேண்டும் (முன்னொட்டு / )

❓ பின்வருவனவற்றில் எது சரியான XHTML பண்புக்கூறு பயன்பாடு?

✓ சரி! XHTML இல் பண்புக்கூறு குறைப்பு தடைசெய்யப்பட்டுள்ளது

✗ தவறு! பண்புக்கூறு குறைப்பு XHTML இல் அனுமதிக்கப்படவில்லை

✗ தவறு! உறுப்பு மற்றும் பண்புக்கூறு பெயர்கள் சிறிய எழுத்தில் இருக்க வேண்டும்

HTML ஐ Jassif Team சரிபார்ப்பியுடன் சரிபார்க்கவும்

உங்கள் வலை முகவரியை கீழே உள்ள பெட்டியில் வைக்கவும்:

🔍 குறிப்பு:

உங்கள் HTML/XHTML குறியீடு சரியாக உள்ளதா எனச் சரிபார்க்க Jassif Team இன் சரிபார்ப்பி கருவியைப் பயன்படுத்தவும். இது உங்கள் குறியீட்டின் தரத்தை மேம்படுத்த உதவும்.