குட்பை பிளாக் & இன்லைன் - வரவேற்பு HTML5

HTML5 விவரக்குறிப்பின் புதுமைகள் ஏராளமானவை மற்றும் அவற்றில் பல ஏற்கனவே உலாவி நிலப்பரப்பின் பெரும்பான்மையால் ஆதரிக்கப்படுகின்றன - கீழே உள்ள உறுப்புகளுக்கான விதிமுறைகளில் சுவாரஸ்யமான மாற்றத்தை முன்னிலைப்படுத்த விரும்புகிறேன். HTML எப்போதும் தொகுதி மற்றும் இன்லைன் கூறுகளுக்கு இடையில் வேறுபடுகிறது. HTML4 இன் ஆவண வகை வரையறை , எடுத்துக்காட்டாக, தொகுதி கூறுகளாக h1, p, மற்றும் div என பெயர்கள் மற்றும் ஒரு, span, img இன்லைன் கூறுகளாக.


இந்த கருத்து இப்போது கைவிடப்பட்டுள்ளது (நல்ல காரணங்களுக்காக). சில பயன்பாட்டு சந்தர்ப்பங்களில், பல வலை வடிவமைப்பாளர்கள் கூறப்பட்ட கூடு விதிமுறையின் சரியான தன்மையை புறக்கணித்தனர், எந்தவொரு தொகுதி கூறுகளும் இன்லைன் கூறுகளுக்குள் இருக்கக்கூடாது, அல்லது காட்சி போன்ற சிஎஸ்எஸ் விதிகளைப் பயன்படுத்தி நிலையான நடத்தை: இன்லைன்; அல்லது காட்சி: தொகுதி; (இது பெரும்பாலும் தவறான குறியீட்டிற்கு வழிவகுத்தது) மேலும் கவலைப்படாமல்.

HTML5 இப்போது இந்த வேறுபாட்டை மென்மையாக்குகிறது, மேலும் ஒரு உறுப்புக்கு சொந்தமான 9 வெவ்வேறு வகைகளை கூட பெயரிடுகிறது, இதன் மூலம் ஒரு உறுப்பு பல வகைகளில் இருக்கலாம். தொகுதி மற்றும் இன்லைன் கூறுகளுக்கிடையேயான பழைய வேறுபாடு கப்பலில் எறியப்பட்டு வலையில் குறிச்சொற்களின் பல அர்த்தங்கள் கணக்கில் எடுத்துக்கொள்ளப்படுகின்றன. குறிப்பாக, பின்வரும் கட்டமைப்புகள் செல்லுபடியாகும் குறியீட்டைக் குறிக்கும் விளைவுகளை இது கொண்டுள்ளது:

<a href="#">
   <div>
      <h1>Yeah</h1>
      <p>
         Der ganze Block ist verlinkt.
      </p>
   </div>
</a>

மேலும் தடுப்பு கூறுகளைக் கொண்ட ஒரு முழு கொள்கலன் முன்னர் தந்திரங்களைப் பயன்படுத்தி மட்டுமே (செல்லுபடியாகும் குறியீட்டைக் கொண்டு) சாத்தியமானது (எடுத்துக்காட்டாக, இணைக்கப்பட்ட மேலடுக்கு அடுக்கின் முழுமையான பொருத்துதலால்). மாற்றாக, நீங்கள் தலைப்பு மற்றும் பத்தியை இணைத்தீர்கள் - இது பணிநீக்கத்திற்கு வழிவகுத்தது மற்றும் கொள்கலன் கிளிக் செய்யப்படவில்லை. HTML5 உடன் வரவேற்பு கூடுதலாக, இது இனி ஒரு சிக்கலாக இருக்காது.

மீண்டும்