பழைய HTML உறுப்புகள் மற்றும் HTML5 க்கு புதியவை
அதன் வளர்ச்சி பல ஆண்டுகளுக்கு முன்னர் தொடங்கியது என்றாலும், HTML5 முதல் உண்மையில் வலை வடிவமைப்பாளர்கள் / டெவெலப்பர்கள் 2010 இல் பொதுவான பயன்பாட்டிற்கு வருவதற்கு தொடங்கியது. வாயிலிருந்தே, மொழி பல வலை வல்லுநர்களுக்கு நன்கு தெரிந்திருந்தது, முன் வந்ததைப் பற்றி கட்டப்பட்டது. HTML 4.01 தெரிந்த எவரும் விரைவாக அந்த பதிப்பின் சிறிது இப்போது HTML5 இல் காணப்படுவதாக கண்டறியப்பட்டது.
HTML5 க்கு HTML இல் உள்ள பல உறுப்புகள் சிலவற்றைக் கொண்டிருக்கையில், இது HTML5 க்கு புதியதாக இருக்கும் சில கூறுகளை அறிமுகப்படுத்தியது. இந்த புதிய கூறுகளில் பல, "அணுகுண்டுகளைப் பிடுக்கும்" அணுகுமுறை பயன்படுத்தப்பட்டது. இது பொதுவாக மக்கள் ஏற்கனவே செய்து என்ன பார்த்து அதை செய்ய அர்த்தம் IT இல் பொதுவாக பயன்படுத்தப்படும் ஒரு வார்த்தை. இணைய வடிவமைப்பாளர்களின் விஷயத்தில், அவை ஏற்கனவே பக்கங்களை உருவாக்கி, அந்த நடவடிக்கைகளில் புதிய கூறுகளை அடிப்படையாகக் கொண்ட முடிவுகளை எப்படிப் பார்க்க வேண்டும் என்பதைக் குறிக்கின்றன. உதாரணமாக, வலைத்தளங்களை பல தலைப்புகள், "தலைப்பு", "என்.வி" மற்றும் "அடிக்குறிப்பு" ஆகியவற்றின் ஐடி அல்லது வகுப்பு பண்புகளை பயன்படுத்தும் வலைத்தளங்களை உருவாக்குகின்றன. இதுபோல, HTML5 இந்த புதிய கூறுகளாக அறிமுகப்படுத்தப்பட்டது, வலை வல்லுநர்கள் தங்கள் ஆவணங்களுக்கு கூடுதல் அர்த்தத்தை வழங்குவதன் மூலம், அர்ப்பணிப்பு பிரித்தல் கூறுகளைப் பயன்படுத்துவதன் மூலம் அவற்றைப் பயன்படுத்தலாம். இந்த பழக்கவழக்கம் மற்றும் நடப்பு நடைமுறைகளை அங்கீகரிக்கும் ஒரு அணுகுமுறை வலை வடிவமைப்புத் தொழில் மூலம் விரைவாக தழுவி HTML5 ஐ உதவியது.
HTML5 டாக்டைப்
முதலில், எந்த புதிய HTML5 உறுப்புகளையும் பயன்படுத்த, உங்கள் ஆவணத்தில் HTML5 டாக்டைப் சேர்க்கப்பட வேண்டும்:
இந்த டாக்டைப் "HTML5" என்று குறிப்பிடவில்லை, ஆனால் வெறுமனே பதிப்பு "html" என்று கூறுகிறது. ஏனென்றால், இந்த டாக்ஃபீப், மொழியின் அனைத்து மறுமதிப்பீட்டிற்கும் முன்னோக்கி செல்லும் நோக்கத்திற்காக பயன்படுத்தப்படுகிறது.
உண்மையில், HTML5, எதிர்காலத்தில் ஒரு நிலையான அடிப்படையில் புதிய மாற்றங்களைச் சேர்க்கும் வகையில், மொழியின் கடைசி எண் பதிப்பாக இருக்க வேண்டும். உண்மையில், கீழே உள்ள பட்டியலில் உள்ள சில கூறுகள், 2010 ஆம் ஆண்டில் அந்த ஆரம்ப அழுத்தத்திற்குப் பிறகு மொழியில் சேர்க்கப்பட்டுள்ளன!
HTML5 குறிச்சொற்கள்
| டேக் | விளக்கம் |
|---|---|
| நங்கூரம் அல்லது இணைப்பு | |
| abbr> | சுருக்கமான |
| <முகவரி> முகவரி> | ஆவணத்தின் முகவரி அல்லது ஆசிரியர்கள் |
| <பகுதி> | கிளையண்ட்-பக்க பட வரைபடம் |
| <கட்டுரை> கட்டுரை> | கட்டுரை |
| <ஒதுக்கி> ஒதுக்கி> | தற்செயலான உள்ளடக்கம் |
| <ஆடியோ> ஆடியோ> | ஆடியோ ஸ்ட்ரீம் |
| b> | போல்ட் |
| <அடிப்படை> | ஆவணத்தில் உறுப்புகளுக்கான அடிப்படை URI பாதைகள் |
| bdo> | இரு திசை வழிமுறை |
blockquote> | நீண்ட மேற்கோள் |
| body> | பக்கத்தின் உடல் |
| | வரி முறிவு |
| HTML வடிவம் பொத்தானை | |
| <கேன்வாஸ்> கேன்வாஸ்> | டைனமிக் கிராபிக்ஸ் கேன்வாஸ் |
| கருத்து | |
| <தலைப்பு> தலைப்பு> | அட்டவணை தலைப்பு |
| cite> | சான்று |
code> | குறியீடு குறிப்பு |
| <வண்ணம்> | அட்டவணை நெடுவரிசை |
| | அட்டவணை நெடுவரிசை குழுமம் |
| <கட்டளை> | பக்கத்தில் கட்டளை அல்லது நடவடிக்கை |
| ஆவண வகை விளக்கம் | |
| | தரவு கட்டம் |
| மற்ற கட்டுப்பாடுகள் முன் விருப்பங்கள் | |
| | சொற்களின் பட்டியல் விளக்கம் அல்லது பேச்சு |
| | நீக்கப்பட்ட உரை |
| <விவரங்கள்> விவரங்கள்> | கூடுதல் தேவைப்படும் தகவல் |
| dfn> | வரையறை |
| <உரையாடல்> உரையாடல்> | உரையாடல் |
| div> | தருக்க பிரிவு |
| விளக்கம் பட்டியல் |
| | வரையறை பட்டியல் அல்லது உரையாடல் பேச்சாளர் |
| em> | வலியுறுத்தல் |
| <உட்பொதி> | செருகுவதற்கான உறுப்பு உறுப்பு |
| படிவம் குழுவை கட்டுப்படுத்துகிறது | |
| | ஒரு |
| <எண்ணிக்கை> எண்ணிக்கை> | விருப்ப தலைப்புடன் படம் |
| <அடிக்குறிப்பில்> அடிக்குறிப்பில்> | பக்கத்தின் அடிப்பாகம் |
| படிவம் | |
h1> | முதல் நிலை தலைப்பு |
h2> | இரண்டாம் நிலை தலைப்பு |
h3> | மூன்றாம் நிலை தலைப்பு |
h4> | நான்காம் நிலை தலைப்பு |
h5> | ஐந்தாவது நிலை தலைப்பு |
h6> | ஆறாவது நிலை தலைப்பு |
| head> | ஆவணத்தின் தலைவர் |
| <தலைப்பு> தலைப்பு> | ஒரு பக்கத்தின் தலைப்பு |
| hgroup> | குழு தலைப்பு |
| <மணி> | கிடைமட்ட விதி |
| html> | வலைப்பக்கத்தின் வேர் உறுப்பு |
| i> | சாய்வு உரை பாணி |
| இன்லைன் சட்டகம் | |
| <படம்> | பட |
| <உள்ளீடு> | உள்ளீடு வடிவம் உறுப்பு |
| பட்டன் வடிவம் உறுப்பு | |
| செக் பாக்ஸ் உறுப்பு உறுப்பு | |
| வண்ண உள்ளீடு | |
| தேதி உள்ளீடு | |
| உலகளாவிய தேதி மற்றும் நேரம் உள்ளீடு | |
| உள்ளூர் தேதி மற்றும் நேரம் உள்ளீடு | |
| மின்னஞ்சல் முகவரி உள்ளீடு | |
| கோப்பு பதிவேற்ற வடிவம் உறுப்பு | |
| மறைந்த வடிவம் புலம் உறுப்பு | |
| பட வடிவம் உறுப்பு | |
| ஆண்டு மற்றும் மாத உள்ளீடு | |
| எண் உள்ளீடு | |
| கடவுச்சொல் வடிவம் உறுப்பு | |
| ரேடியோ பொத்தான் வடிவம் உறுப்பு | |
| எண்ணை உள்ளிடுக | |
| பொத்தானை வடிவம் உறுப்பு மீட்டமை | |
| தேடல் புலம் | |
| பொத்தானை வடிவம் உறுப்பு சமர்ப்பிக்கவும் | |
| தொலைபேசி எண் உள்ளீடு | |
| உரை புலம் வடிவம் உறுப்பு | |
| நேரம் உள்ளீடு | |
| URL உள்ளீடு | |
| ஆண்டு மற்றும் வார உள்ளீடு | |
| ins> | உரை செருகப்பட்டது |
| kbd> | பயனரால் உள்ளிட வேண்டிய உரை |
| <உருவாக்கி நிரல்> | சான்றிதழ் நிர்வாகத்திற்கான பாதுகாப்பான விசையை உருவாக்கவும் |
| படிவம் லேபிள் | |
| படிவம் புலங்கள் தலைப்பு | |
| | பட்டியல் உருப்படி |
| <இணைப்பை> | தொடர்புடைய ஆவணங்கள் இணைக்க |
| | ஒரு பக்கத்தில் உள்ளடக்கத்தின் முக்கிய பகுதி |
| கிளையண்ட்-பக்க பட வரைபடம் | |
| <குறி> குறி> | குறிக்கப்பட்ட அல்லது உயர்த்தி உரை |
| கட்டளைகளின் பட்டியல் | |
| <மெட்டா> | ஆவணம் பற்றிய மெட்டா தகவல்கள் |
| <மீட்டர்> மீட்டர்> | ஸ்காலர் கேஜ் |
| வழிசெலுத்தல் இணைப்புகள் கொண்ட ஒரு பகுதியை வரையறுக்கவும் | |
| ஸ்கிரிப்டுகள் கிடைக்காத போது உள்ளடக்கம் | |
| தரமற்ற பொருள் | |
| வரிசைப்படுத்தப்பட்ட அல்லது எண்ணிடப்பட்ட பட்டியல் |
| தேர்ந்தெடுக்கப்பட்ட பட்டியலில் விருப்பங்களின் குழு | |
| தேர்ந்தெடுக்கப்பட்ட பட்டியலில் விருப்பத்தேர்வு | |
| <வெளியீடு> வெளியீடு> | ஒரு வடிவம் கணக்கீடு முடிவு |
| p> | பத்தி |
| <அளவுருவைச்> | ஒரு பொருள் உறுப்பு அளவுரு |
| <முன்> முன்> | முன் வடிவமைக்கப்பட்ட உரை |
| <முன்னேற்றம்> முன்னேற்றம்> | முன்னேற்றம் காட்டி |
q> | குறுகிய இன்லைன் மேற்கோள் |
| ரூபி அடைப்புக்குறிக்குள் | |
| ரூபி உரை | |
| <ரூபி> ரூபி> | ரூபி சிறுகுறிப்பு |
| | ஸ்ட்ரைக்அவுட் உரை |
| samp> | மாதிரி வெளியீடு |
| <ஸ்கிரிப்ட்> script> | ஸ்கிரிப்டுகள் |
| <பிரிவில்> பிரிவு> | ஒரு பக்கத்தின் பகுதி |
| தேர்ந்தெடு அல்லது கீழ்தோன்றும் மெனு பட்டியல்கள் | |
| small> | சிறிய எழுத்துரு அளவு |
| <புறப்படும்> | ஊடக ஆதாரம் |
| span> | பொதுவான இன்லைன் பாணி கொள்கலன் |
| strong> | வலுவான முக்கியத்துவம் |