இணையப் பக்கம் அல்லது இணையப் பயன்பாட்டில் பயன்படுத்தப்படும் HTML5 உறுப்பு அல்லது பண்புக்கூறின் விளக்கத்தை விரைவாகக் கண்டறிய விரும்புகிறீர்களா? வலை வடிவமைப்பாளர்கள் மற்றும் வலை உருவாக்குநர்கள் 15 ஆண்டுகளுக்கும் மேலாக கையில் வைத்திருக்க முயற்சிக்கும் ஒரு உன்னதமான குறிப்பு புத்தகம் இங்கே உள்ளது.
புத்தகத்தின் ஐந்தாவது பதிப்பு HTML5 வேட்பாளர் பரிந்துரை, HTML5.1 வேலை வரைவு மற்றும் WHATWG தரநிலைகளுக்கு இணங்க HTML5 கூறுகள் மற்றும் பண்புக்கூறுகளின் முழுமையான விளக்கத்தை உள்ளடக்கியது. கோப்பகத்தின் அம்சங்கள்:
- HTML5, HTML5.1 மற்றும் WHATWG தரநிலையிலிருந்து உறுப்புகள் மற்றும் பண்புக்கூறுகளின் அகரவரிசைப்படி வரிசைப்படுத்தப்பட்ட பட்டியல்;
- மார்க்அப் எடுத்துக்காட்டுகள், உள்ளடக்க வகைகள், உள்ளடக்க மாதிரிகள் மற்றும் ஒவ்வொரு உறுப்புக்கான தொடக்க/இறுதி டேக் தேவைகள்;
- HTML5 மற்றும் HTML4.01 விவரக்குறிப்புகளுக்கு இடையிலான வேறுபாடுகளின் விளக்கம்;
- சிறப்பு எழுத்துக்களின் அட்டவணைகள்;
- HTML5 இல் பயன்படுத்தப்படும் API நூலகங்களின் மேலோட்டம்.

நீங்கள் அனுபவம் வாய்ந்த இணையதள உருவாக்குநராக இருந்தாலும் அல்லது சமீபத்திய தரநிலைகளுக்கு இணையதளத்தை விரைவாக உருவாக்க விரும்பினாலும், இந்த பயனுள்ள புத்தகம் இன்றியமையாததாக இருக்கும்.

கட்டுரை அல்லது புத்தகம் உங்களுக்கு பிடித்திருக்கிறதா? உங்கள் நண்பர்களுடன் பகிர்ந்து கொள்ளுங்கள்:

தளத்தில் வழங்கப்படும் அனைத்து புத்தகங்களும் தகவல் நோக்கங்களுக்காக மட்டுமே. நீங்கள் அவற்றைப் பயன்படுத்துவது தகவல் நோக்கங்களுக்காக மட்டுமே அனுமதிக்கப்படுகிறது. எதிர்காலத்தில் அவற்றைப் பயன்படுத்த திட்டமிட்டால், பதிப்புரிமைதாரர்களிடமிருந்து அவற்றை வாங்க வேண்டும். நீங்கள் அவற்றைப் பயன்படுத்துவதற்கு தள நிர்வாகம் பொறுப்பாகாது.

வெளியீட்டின் தலைப்பைப் படித்த பிறகு: “ரஷ்ய மொழியில் HTML5 ஏமாற்று தாள்” - எல்லோரும் ஏற்கனவே பேச்சைப் பற்றி யூகித்துள்ளனர், ஆனால் முதலில் HTML5 பற்றிய இரண்டு பத்திகள்.

2004 இல் HTML5 உருவாக்கும் பணி தொடங்கியது. மற்றும் இன்றுவரை தொடர்கிறது. HTML5 ஆனது HTML (HyperText Markup Language) இன் மிகவும் உலகளாவிய மற்றும் செயல்பாட்டு பதிப்பாக திட்டமிடப்பட்டுள்ளது, ஏனெனில் ஏதோ ஒரு வகையில், Apple, Mozilla, Opera, Microsoft மற்றும் Google போன்ற தொழில்துறை டைட்டான்கள் HTML5 உருவாக்கத்தில் ஈடுபட்டுள்ளன. அதை சரியாக கவனிக்கிறேன் கூகிள் குரோம், அன்று இந்த நேரத்தில், பெரும்பாலான HTML5 கூறுகளை ஆதரிக்கிறது

HTML5 இல் மாற்றங்கள் செய்யப்படலாம் என்ற உண்மை இருந்தபோதிலும், HTML 5 விவரக்குறிப்புக்கான பணிகள் இன்னும் நடந்து கொண்டிருப்பதால், தொழில்நுட்ப மேம்பாடு மிக வேகமாக நடந்து வருகிறது, HTML5 விரைவில் ஏற்றுக்கொள்ளப்படும் மற்றும் பரந்த திறன்களைப் பயன்படுத்தி வலைத்தளங்கள் உருவாக்கப்பட வேண்டும். HTML5 இன்!

ரஷ்ய மொழியில் HTML5 ஏமாற்று தாள் கற்றலுக்கு உதவும்

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

RuNet இல் ரஷ்ய மொழியில் முதல் HTML5 ஏமாற்று தாள்

RuNet இல் ரஷ்ய மொழியில் முதல் HTML5 ஏமாற்றுத் தாள், முன்பு பரவலாகப் பயன்படுத்தப்பட்ட புதிய HTML5 கூறுகளை உள்ளடக்கியது, ஆனால் பாணிகளின் பெயர்களில் எழுதப்பட்டது. எடுத்துக்காட்டாக அடிக்குறிப்பு, தலைப்பு, பிரிவு, கட்டுரை மற்றும் பிற. கூடுதலாக, ரஷ்ய மொழியில் உள்ள HTML5 ஏமாற்று தாளில் அனைத்து குறிச்சொற்களும் உள்ளன பழைய பதிப்பு HTML4, இது HTML5 க்கு மாறியது. மேலும், ரஷ்ய மொழியில் உள்ள HTML5 ஏமாற்று தாளில் HTML5 ஆல் ஆதரிக்கப்படாத குறிச்சொற்கள் உள்ளன.

ரஷ்ய மொழியில் HTML5 ஏமாற்று தாள், A4 வடிவத்தில் செய்யப்பட்டது

RuNet இல் ரஷ்ய மொழியில் முதல் HTML5 ஏமாற்றுத் தாள் A4 வடிவத்தில் தயாரிக்கப்பட்டது, எனவே அதை அச்சிட்டு கையில் வைத்திருப்பது உங்களுக்கு வசதியாக இருக்கும். ரஷ்ய மொழியில் உள்ள HTML5 ஏமாற்றுத் தாள் அனைத்து குறிச்சொற்களையும் ஒரே வரிசையில் விவரிக்கிறது, குறிச்சொல்லின் நோக்கத்தை முடிந்தவரை தெரிவிக்கிறது. குறிச்சொற்கள் அகற்றப்படும்போது அல்லது HTML5 இல் சேர்க்கப்படும்போது ரஷ்ய மொழியில் எங்களின் HTML5 ஏமாற்றுத் தாள் தொடர்ந்து மேம்படுத்தப்பட்டு புதுப்பிக்கப்படும். கீழே உள்ள இணைப்பில் இருந்து "ரஷ்ய மொழியில் HTML5 ஏமாற்று தாளை" பதிவிறக்கம் செய்யலாம். காப்பகத்தில் நீங்கள் 1 pdf ஐக் காண்பீர்கள் உயர் தரம்மற்றும் இரண்டு jpg கோப்புவெவ்வேறு நீட்டிப்புகளில்.

ரஷ்ய மொழியில் HTML5 ஏமாற்று தாளைப் பதிவிறக்கவும் (பதிவிறக்கங்களின் எண்ணிக்கை: 7996)

காப்பகத்தில் 1024×1448 மற்றும் 2480×3508 நீட்டிப்புகளில் இரண்டு jpg கோப்புகள் உள்ளன.

புதுப்பிக்கப்பட்டது 29.10.2014

இடுகை எழுதப்பட்டு HTML 5 இல் ஏமாற்றுத் தாளை உருவாக்கி இரண்டு ஆண்டுகளுக்கும் மேலாகிவிட்டது. இந்த நேரத்தில், ஏமாற்றுத் தாள் 3600 முறை பதிவிறக்கம் செய்யப்பட்டது), நான் மிகவும் மகிழ்ச்சியடைகிறேன், படித்தவர்களுக்கு இது பயனுள்ளதாக இருக்கும் என்று நம்புகிறேன். HTML 5 இல் உள்ள தளவமைப்பு. நான் நிறைய கற்றுக்கொண்டேன் மற்றும் பல்வேறு மன்றங்கள் மற்றும் வலைத்தளங்களில் இருந்து கற்றுக்கொண்டேன், மேலும் ஒரு ஏமாற்று தாளை உருவாக்குவதன் மூலம் எனது கடனைத் திருப்பிச் செலுத்த எனது நன்றியைக் காட்ட விரும்பினேன்). இன்று இந்த இடுகையில் நான் ஏன் ஒரு புதுப்பிப்பை எழுதுகிறேன், ஏனென்றால் இன்று HTML5 இன் வளர்ச்சி இறுதியாக முடிந்தது!

HTML5 மேம்பாடு அதிகாரப்பூர்வமாக முடிந்தது

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

இதன் பொருள், வலை வடிவமைப்பாளர்கள் மற்றும் ஆப்ஸ் தயாரிப்பாளர்கள் இப்போது சுமூகமான மாற்றத்திற்கான "நிலையான இலக்கை" கொண்டுள்ளனர் புதிய தரநிலை 2015க்குள் HTML5 மார்க்அப் மொழி, டெவலப்பர்கள் முன்பு தனித்த பயன்பாடுகள் தேவைப்பட்ட பக்கங்களுக்கு அல்லது கூடுதல் செயல்பாடுகளைச் சேர்க்க அனுமதிக்கிறது. மென்பொருள், ஜாவா போன்றவை, அடோப் ஃப்ளாஷ்அல்லது Microsoft (MSFT, Fortune 500) Silverlight. அவர் ஆதரிக்கிறார் ஸ்ட்ரீமிங் வீடியோமற்றும் புவிஇருப்பிட சேவைகள், ஆஃப்லைன் கருவிகள் மற்றும் தொடு கட்டுப்பாடுகள், மற்ற மணிகள் மற்றும் விசில்கள்.

புதிய தரநிலையை உருவாக்க 10 ஆண்டுகளுக்கும் மேலாக ஆனது. CEO W3C Jeff Jaffe சில நாட்களுக்கு முன்பு தயாரிக்கப்பட்ட அறிக்கையில், இன்றைய நிலவரப்படி, டெவலப்பர்கள் வரவிருக்கும் ஆண்டுகளில் HTML5 இல் தங்கியிருக்க முடியும் என்பதை அறிவார்கள். “கூடுதலாக, ஸ்மார்ட்போன்கள், கார்கள், டிவிகள் போன்றவற்றை அடைய என்ன திறன்களை உருவாக்க வேண்டும் என்பதை டெவலப்பர்கள் அறிவார்கள். மின் புத்தகங்கள், டிஜிட்டல் அடையாளங்கள் மற்றும் சாதனங்கள் இன்னும் அறியப்படவில்லை,” என்று அவர் மேலும் கூறினார்.

சமீபத்திய மைக்ரோசாப்ட் பதிப்புகள் இன்டர்நெட் எக்ஸ்புளோரர், கூகிள் குரோம், Mozilla Firefoxமற்றும் Apple Safari ஏற்கனவே பெரும்பாலான HTML5 கூறுகளுடன் இணக்கமாக உள்ளது. W3C ஏற்கனவே HTML 5.1 இல் வேலை செய்கிறது, அதன் முதல் பகுதிகள் இப்போது வரைவாக சமர்ப்பிக்கப்பட்டுள்ளன.

மரபுகள் HTML குறியீடு

பல வலை உருவாக்குநர்களுக்கு, HTML குறியீடு விவரக்குறிப்புகள் சரியாகப் புரிந்து கொள்ளப்படவில்லை.

2000-2010 இல், பல வலை உருவாக்குநர்கள் HTML இலிருந்து XHTML ஆக மாற்றப்பட்டனர்.

XHTML ஐப் பயன்படுத்தும் டெவலப்பர்கள் படிப்படியாக நல்ல HTML எழுத்து விவரக்குறிப்புகளை உருவாக்குகின்றனர்.

மேலும் HTML5 இல், நாம் ஒப்பீட்டளவில் நல்ல குறியீடு தரநிலைகளை உருவாக்க வேண்டும், விவரக்குறிப்புக்கு கீழே பல வழிகாட்டுதல்கள் கொடுக்கப்பட்டுள்ளன.

சரியான ஆவண வகையைப் பயன்படுத்தவும்

முதல் வரியில் ஆவண வகை அறிவிப்பு HTML ஆவணம்:

டாக்டைப் HTML>

சிறிய எழுத்து போன்ற பிற லேபிள்களைப் பயன்படுத்த விரும்பினால், பின்வரும் குறியீட்டைப் பயன்படுத்தலாம்:

டாக்டைப் HTML>

சிற்றெழுத்து உறுப்பு பெயர்கள்

HTML5 உறுப்பு பெயரை பெரிய அல்லது சிறிய எழுத்துக்களில் பயன்படுத்தலாம்.

• கலப்பு பாணி வழக்கு மிகவும் மோசமாக உள்ளது.
• சிறிய எழுத்துக்களை எழுதுவது எளிது.

இது ஒரு பத்தி.

மிகவும் மோசமானது:

இது ஒரு பத்தி.

இது ஒரு பத்தி.

அனைத்து HTML உறுப்புகளையும் அணைக்கவும்

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

இது ஒரு பத்தி.

இது ஒரு பத்தி.

இது ஒரு பத்தி.

இது ஒரு பத்தி.

நெருக்கமான வெற்று கூறுகள் HTML

HTML5 இல், வெற்று HTML உறுப்பு அணைக்கப்பட வேண்டியதில்லை:

நாம் எழுதலாம்:

நீங்களும் எழுதலாம்:

XML, XHTML மற்றும் ஸ்லாஷ் (/) தேவை.

உங்கள் XML மென்பொருள் பக்கத்தைப் பயன்படுத்த திட்டமிட்டால், இந்த நடை மிகவும் நல்லது.

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

HTML5 சொத்து பெயரை பெரிய எழுத்து மற்றும் சிறிய எழுத்துக்களில் பயன்படுத்த அனுமதிக்கிறது.

• யூஸ் கேஸ் என்பது மிகவும் கெட்ட பழக்கம்.
• டெவலப்பர்கள் பொதுவாக சிறிய எழுத்துக்களைப் பயன்படுத்துகின்றனர் (XHTML போன்றது).
• சிற்றெழுத்து நடை மிகவும் புத்துணர்ச்சியூட்டுவதாகத் தெரிகிறது.
• சிறிய எழுத்துக்களை எழுதுவது எளிது.

சொத்து மதிப்பு

HTML5 பண்புக்கூறு மதிப்புகளை மேற்கோள் காட்ட முடியாது.

• சொத்து மதிப்பில் இடைவெளிகள் இருந்தால், நீங்கள் மேற்கோள்களைப் பயன்படுத்த வேண்டும்.
• கலப்பு பாணி பரிந்துரைக்கப்படவில்லை, ஒற்றை பாணி பரிந்துரைக்கப்படுகிறது.
• மேற்கோள்களைப் பயன்படுத்தி சொத்து மதிப்புகள் படிக்க எளிதானது.

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

கீழே பயன்படுத்தப்படுகின்றன இரட்டை மேற்கோள்கள், இது சரி:

பண்புகள்

பட Alt பண்புக்கூறுகள் பெரும்பாலும் பயன்படுத்தப்படுகின்றன. படத்தைக் காட்ட முடியாவிட்டால், அது படக் காட்சியை மாற்றலாம்.

= "HTML5" நடை = "அகலம்: 128px; உயரம்: 128px">

படத்தின் அளவு தீர்மானிக்கப்படுகிறது, குறிப்பிட்ட மதிப்பை ஏற்றும் நேரத்தில் முன்பதிவு செய்யலாம், மினுமினுப்பைக் குறைக்கலாம்.

= நடை "HTML5" = "அகலம்: 128px; உயரம்: 128px">

இடைவெளிகள் மற்றும் சம அடையாளங்கள்

சம அடையாளத்திற்கு முன்னும் பின்னும் இடைவெளிகளைப் பயன்படுத்தலாம்.

குறியீட்டின் நீண்ட வரிகளைத் தவிர்க்கவும்

HTML எடிட்டரைப் பயன்படுத்தி, இடது மற்றும் வலது ஸ்க்ரோலிங் குறியீடு மோசமானது.

குறியீட்டின் ஒவ்வொரு வரியும் முடிந்தவரை 80 எழுத்துகளுக்குக் குறைவாக இருக்கும்.

வெற்று கோடுகள் மற்றும் உள்தள்ளல்

எந்த காரணத்திற்காகவும் ஒரு வெற்று வரியை சேர்க்க வேண்டாம்.

தர்க்கத்தின் ஒவ்வொரு செயல்பாட்டுத் தொகுதிக்கும், ஒரு வெற்று வரியைச் சேர்க்கவும், இது மேலும் படிக்கக்கூடியதாக இருக்கும்.

ஷார்ட்கோட்களுக்கு இடையில் தேவையற்ற வெற்று உள்தள்ளப்பட்ட கோடுகளைப் பயன்படுத்த வேண்டாம்.

கூடுதல் வெற்று கோடுகள் மற்றும் உள்தள்ளல்கள்:

இந்த பயிற்சி

HTML

இந்த பயிற்சி தொழில்நுட்பத்தை மட்டுமல்ல, தூக்கத்தையும் கற்பிக்கிறது.
இந்த பாடநூல், தொழில்நுட்பத்தை மட்டுமல்ல, ஒரு கனவிலும் கற்பிக்கிறது,
இந்த பயிற்சி தொழில்நுட்பத்தை மட்டுமல்ல, தூக்கத்தையும் கற்பிக்கிறது.

இந்த பயிற்சி

இந்த டுடோரியலில், தொழில்நுட்பம் மட்டுமல்ல, தூக்கமும் கற்பிக்கப்படுகிறது.
இந்த பயிற்சி தொழில்நுட்பத்தை மட்டுமல்ல, தூக்கத்தையும் கற்பிக்கிறது.
இந்த பயிற்சி தொழில்நுட்பத்தை மட்டுமல்ல, தூக்கத்தையும் கற்பிக்கிறது.
இந்த பயிற்சி தொழில்நுட்பத்தை மட்டுமல்ல, தூக்கத்தையும் கற்பிக்கிறது.

எடுத்துக்காட்டு வடிவம்:

பெயர்
விளக்கம்


ஏ
விளக்கம் ஏ


பி
விளக்கம் பி

எடுத்துக்காட்டு பட்டியல்:

லண்டன்

பாரிஸ்

டோக்கியோ

தவிர்க்கலாம் மற்றும்?

HTML5 தரநிலையில், குறிச்சொல் தவிர்க்கப்படலாம்.

பின்வரும் ஆவணங்கள் செல்லுபடியாகும் HTML5:

உதாரணமாக:

டாக்டைப் HTML>

பக்க தலைப்பு

இதுதான் தலைப்பு

இது ஒரு பத்தி.

முயற்சி செய் »

உறுப்பு என்பது ஆவணத்தின் மூல உறுப்பு, பக்கத்தை விவரிக்கப் பயன்படுத்தப்படும் மொழி:

டாக்டைப் HTML>

திரைகள் மற்றும் தேடுபொறிகளில் வாசிப்பதை எளிதாக்குவதற்கு மொழி அறிக்கை.

DOM அல்லது XML மென்பொருள் செயலிழப்புகளைத் தவிர்க்கலாம்.

பழைய உலாவிகளில் (IE9) ஏற்படும் பிழையைத் தவிர்ப்போம்.

அதை நாம் தவிர்க்கலாமா?

HTML5 தரநிலையில், குறிச்சொல் தவிர்க்கப்படலாம்.

உறுப்பை இயல்புநிலையில் சேர்க்கும் முன், உலாவியானது உள்ளடக்கங்களை இயல்புநிலையாக மாற்றும்.

உதாரணங்கள்

டாக்டைப் HTML>

பக்க தலைப்பு

இதுதான் தலைப்பு

இது ஒரு பத்தி.

» மெட்டாடேட்டாவை முயற்சிக்கவும்

HTML5 க்கு ஒரு உறுப்பு தேவை, அதன் தலைப்பு தலைப்பு பக்கத்தின் கருப்பொருளை விவரிக்கிறது:

இந்த டுடோரியலில்

உங்கள் பக்கத்தின் தலைப்பை விரைவாகப் புரிந்துகொள்ள தேடுபொறியை அனுமதிக்கும் தலைப்பு மற்றும் மொழி:

டாக்டைப் HTML>



இந்த டுடோரியலில்

வலை வடிவமைப்பாளர் - HTML5 விவரக்குறிப்பு (HTML 5)

HTML5 இல் உள்ள குறிச்சொற்கள் ஒரு வலைப்பக்கத்தின் கட்டமைப்பை விவரிக்கும் XML-HTML குறிச்சொற்கள் ஆகும், இது ஒரு கணினி நிரல் (தேடல் ரோபோ, முதலியன) பக்கத்தின் முக்கிய உள்ளடக்கத்தை மற்ற பக்கத்திலிருந்து (வடிவமைப்பு மற்றும் வழிசெலுத்தல் கூறுகள்) வேறுபடுத்தும் வகையில் வடிவமைக்கப்பட்டுள்ளது. : மேல், கீழ், மெனு , பக்க பக்க உறுப்புகள், மீண்டும் மீண்டும் (டைனமிக்) தொகுதிகள், போன்றவை. முக்கிய உள்ளடக்கத்தின் (பக்கம் உரை) மட்டத்தில் ஒரு பிரிவும் உள்ளது. HTML5 மொழியே HTML, XML, CSS போன்றவற்றுக்கு ஒரு துணை நிரலாகும்.

பக்கத் தலைப்பு வலைப்பக்கத்தின் மேல், "தலைப்பு" வலைப்பக்கத்தின் முதன்மை மெனு முதன்மைப் பகுதி, கட்டுரை, பக்கப் பொருள் பக்கப்பட்டி (பக்கப்பட்டி) பக்கத்தின் அடிப்பகுதி, அடிக்குறிப்பு

இணையதள அமைப்பு

- பக்கத்தின் முக்கிய உள்ளடக்கத்தை வடிவமைக்கவும் (கட்டுரை),
- பக்க தலைப்பை வடிவமைக்கவும்,
- பக்கத்தின் அடிக்குறிப்பை வடிவமைக்கவும்,
- முக்கிய விஷயத்தை வடிவமைக்கவும் பக்க மெனு,
- பக்கத்தின் பக்கப்பட்டியை வடிவமைக்கவும் (பக்கப்பட்டி),
- ஃபிரேம் ரிபீட்டிங் பிளாக்ஸ் பக்கத்தில் (உதாரணமாக கருத்துகள்).

HTML5 வலைப்பக்க டெம்ப்ளேட் குறியீடு கூறுகள்.

- என்கோடிங் windows-1251ஐ ஒதுக்கவும்.

- பக்கம் IE இல் திறக்கப்பட்டால், உலாவி எப்போதும் சமீபத்திய நிலையான காட்சி பயன்முறையைப் பயன்படுத்த வேண்டும்.

- மொபைல் சாதனங்களில் தளத்தைக் காண்பிக்கும்.

தலைப்பு - தளப் பக்கத்தின் தலைப்பு, இது பொதுவாக தள லோகோ, தலைப்பு, தொலைபேசி எண், ஸ்லைடர் போன்றவற்றைக் கொண்டிருக்கும்.

nav - தளப் பக்கத்தின் முக்கிய மெனு.

கட்டுரை - பக்கத்தின் முக்கிய உள்ளடக்கம்: கட்டுரை, வலைப்பதிவு இடுகை, மன்றத்தின் தலைப்பு போன்றவை. உரை, படங்கள், வீடியோக்கள், அட்டவணைகள் போன்றவை இருக்கலாம்.

ஒதுக்கி - தளத்தின் பக்கப்பட்டி (பக்கப்பட்டி), பொதுவாக கொண்டுள்ளது பல்வேறு கூறுகள், போன்றவை: வகைகள், குறிச்சொற்கள், சமீபத்திய இடுகைகள்/கருத்துகள், கூடுதல் மெனுக்கள், கவுண்டர்கள் போன்றவை.

அடிக்குறிப்பு - கீழ் பகுதி - வலைத்தளப் பக்கத்தின் அடிக்குறிப்பு, பொதுவாகக் கொண்டிருக்கும் பல்வேறு தகவல்கள்(பதிப்புரிமை), தொடர்பு தகவல்(முகவரிகள், தொலைபேசி எண்கள்) போன்றவை.

பக்க கட்டமைப்பு மட்டத்தில் HTML5

பக்க கட்டமைப்பைப் பிரிப்பதற்குப் பொறுப்பான புதிய HTML5 குறிச்சொற்களின் பட்டியலைப் பார்ப்போம்:

- "பக்க தலைப்பு" என்று அழைக்கப்படும் தளத்தின் மேல் பகுதியின் வடிவமைப்பு கூறுகளை வடிவமைக்கும் குறிச்சொற்கள். மேலும் தலைப்பு குறிச்சொற்களை இவ்வாறு பயன்படுத்தலாம் மேல் பகுதிபிரிவு குறிச்சொல்.

- குறிச்சொற்கள் தளத்தில் பிரதான மெனுவை வடிவமைக்கின்றன.

- பக்கத்தின் முக்கிய உள்ளடக்கத்தை வடிவமைக்கும் குறிச்சொற்கள்: கட்டுரை, வலைப்பதிவு நுழைவு, செய்தி, முதல் மன்ற நுழைவு போன்றவை.

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

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

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

உரை மட்டத்தில் HTML5

பக்க உரையின் சொற்பொருள் பிரிவுக்கு பொறுப்பான புதிய HTML5 குறிச்சொற்களின் பட்டியலைப் பார்ப்போம்:

- இந்த குறிச்சொற்களுக்கு இடையில் அமைந்துள்ள உரை "தேர்ந்தெடுக்கப்பட்டது". குறிக் குறிச்சொற்களின் நோக்கங்களில் ஒன்று, உரையில் உள்ள சொற்களை வடிவமைப்பதாகும், எடுத்துக்காட்டாக, தேடல் வரியில் பயனர் உள்ளிட்ட வார்த்தையைப் பொருத்துவது.

- குறிச்சொற்கள் வடிவமைப்பில் தேதிகள் மற்றும்/அல்லது நேரங்களை உருவாக்க வடிவமைக்கப்பட்டுள்ளன
படிவத்தின் ISO: YYYY-MM-DDTh:mm:ss , இந்த வடிவம் புரிந்துகொள்ளத்தக்கது கணினி நிரல்கள். நேரக் குறிச்சொற்கள் ஒரு தேதி அல்லது உரையை வடிவமைக்கலாம்; குறிச்சொல் உரையை உருவாக்கினால், தேதிநேர பண்புக்கூறு அதில் சேர்க்கப்படும், இதன் மதிப்பு ISO வடிவத்தில் தேதி மற்றும்/அல்லது நேரமாகும்.

- குறிச்சொற்கள் மறைக்கப்பட்ட அல்லது காட்டப்படும் தகவலைச் சேமிக்க வடிவமைக்கப்பட்டுள்ளன (ஸ்பாய்லர் போல வேலை செய்கிறது).

- குறிச்சொற்கள் தலைப்பை வடிவமைக்கின்றன, நீங்கள் அதைக் கிளிக் செய்தால், விவரக் குறிச்சொற்களுக்கு இடையில் உரை தோன்றும் (ஸ்பாய்லராகப் பயன்படுத்தலாம்).

கூடுதல் HTML5 மொழி குறிச்சொற்கள்

மொழியை வளப்படுத்தும் புதிய HTML5 குறிச்சொற்களின் பட்டியல்:

- குறிச்சொற்கள் நிலையான அளவிலான காட்டியைக் காண்பிக்க வடிவமைக்கப்பட்டுள்ளன, இதில் அளவீட்டு முடிவு மாறாது. வேலை செய்ய, உங்களுக்கு குறைந்தபட்ச மற்றும் அதிகபட்ச மதிப்பு தேவை.

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

- ஜாவாஸ்கிரிப்ட்டில் ஸ்கிரிப்ட்களை உருவாக்கும் போது பயன்படுத்தப்படும் மெனு குறிச்சொற்களுக்கு இடையில் குறிச்சொல் அமைந்திருக்க வேண்டும்.

- இந்த குறிச்சொற்களுக்கு இடையில் கட்டளை குறிச்சொல் வைக்கப்பட்டுள்ளது.

- குறிச்சொற்கள் ஸ்கிரிப்ட்டின் செயல்பாட்டைக் காண்பிக்கும் நோக்கம் கொண்டவை.

- குறிச்சொற்கள் ஒரு உரை புலத்தில் தட்டச்சு செய்யும் போது காட்டப்படும் பட்டியலை உருவாக்க வேண்டும்.

- குறிச்சொற்கள் ஒரு பொருளின் விளக்கத்தை வடிவமைக்கின்றன (எடுத்துக்காட்டாக, ஒரு படம்), உருவ குறிச்சொற்களுக்கு இடையில் அமைந்துள்ளது.

- குறிச்சொற்கள் பல்வேறு பக்க பொருட்களை அவற்றின் சொந்த விளக்கங்களுடன் குழுவாக்குகின்றன, எடுத்துக்காட்டாக, விளக்கங்களுடன் கூடிய படங்கள், விளக்கங்களுடன் கூடிய தயாரிப்புகள் போன்றவை.

- குறிச்சொற்கள் h* குழு தலைப்புகளுக்கு வடிவமைக்கப்பட்டுள்ளன

- பொது/தனியார் விசை ஜோடிகளை உருவாக்க, தரவை குறியாக்கம்/மறைகுறியாக்க, டிஜிட்டல் கையொப்பத்தை உருவாக்க/சரிபார்க்க குறிச்சொல் பயன்படுத்தப்படுகிறது.

- குறிச்சொற்கள் உரை மற்றும் சிறுகுறிப்பை வடிவமைக்கின்றன.

- குறிச்சொற்கள் ரூபி குறிச்சொற்களுக்கு இடையில் அமைந்துள்ளன மற்றும் சிறுகுறிப்பை வடிவமைக்கும் நோக்கம் கொண்டவை.

- குறிச்சொற்கள் ரூபி குறிச்சொற்களை ஆதரிக்காத உலாவிகளுக்கானவை.

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

புதிய தொழில்நுட்பங்களை விவரிக்கும் HTML5 குறிச்சொற்கள்

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

- குறிச்சொற்கள் பயன்படுத்தாமல் ஆடியோ கோப்புகளை இயக்கும் நோக்கம் கொண்டவை மூன்றாம் தரப்பு திட்டங்கள்(செருகுநிரல்கள், நீட்டிப்புகள்).

- குறிச்சொற்கள் மூன்றாம் தரப்பு நிரல்களைப் பயன்படுத்தாமல் (செருகுநிரல்கள், நீட்டிப்புகள்) வீடியோ கோப்புகளை இயக்கும் நோக்கத்தைக் கொண்டுள்ளன.

- குறிச்சொல் ஆடியோ மற்றும் வீடியோ குறிச்சொற்களுக்குள் அமைந்துள்ள ஆடியோ/வீடியோ கோப்புகளுக்கான பாதையைக் குறிக்கும்.

- குறிச்சொற்கள் தளத்தில் ஒரு சிறப்பு பகுதியை உருவாக்க வேண்டும், அதில் நீங்கள் திசையன் வடிவங்களை உருவாக்கலாம் மற்றும் ஜாவாஸ்கிரிப்ட் நிரலாக்க மொழியைப் பயன்படுத்தி அவற்றைக் கையாளலாம். எதிர்காலத்தில் கேன்வாஸ் ஃப்ளாஷ் தொழில்நுட்பத்தை மாற்ற வேண்டும் (ஆம், கோட்பாட்டில்...).

குறியிடவும்

குறிச்சொல் என்பது திசையன் வடிவங்களை வரையவும் கையாளவும் வடிவமைக்கப்பட்ட ஒரு சிறப்பு உறுப்பு ஆகும். ஃப்ளாஷ் தொழில்நுட்பத்தை மாற்றுவதற்காக டேக் உருவாக்கப்பட்டது. குறிச்சொல்லைப் பயன்படுத்தி, நீங்கள் திசையன் வடிவங்களை (படங்கள்) வரையலாம், மேலும் ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி, இந்த வடிவங்களைக் கையாளலாம், இதன் மூலம் தளத்தில் அனிமேஷனை (கார்ட்டூன்கள் மற்றும் கேம்கள் கூட) உருவாக்கலாம்.

ஆடியோ வீடியோ

குறிச்சொல்லைப் பயன்படுத்தி, பக்கத்தில் ஆடியோ கோப்புகளை உட்பொதித்து அவற்றைக் கேட்கலாம். உறுப்பு

குறிச்சொல்லைப் பயன்படுத்தி, பக்கத்தில் வீடியோ கோப்புகளை உட்பொதித்து அவற்றைப் பார்க்கலாம். உறுப்பு பிளே பட்டன்களுடன் ஒரு பேனலையும் உருவாக்குகிறது.

ஜாவாஸ்கிரிப்ட் ஏபிஐ

HTML5 விவரக்குறிப்பு அது எவ்வாறு தொடர்பு கொள்ள வேண்டும் என்பதை விவரிக்கிறது ஜாவாஸ்கிரிப்ட் மொழி, DOM தொழில்நுட்பம் மூலம் பக்க உறுப்புகளுடன். HTML5 இல், பொருள்களைக் கையாளுவதற்கான புதிய முறைகள் உள்ளன, எடுத்துக்காட்டாக, ஜாவாஸ்கிரிப்ட் மற்றும் இந்த முறைகளைப் பயன்படுத்தி, ஆடியோ/வீடியோ கட்டுப்பாட்டுப் பலகத்தில் உள்ள பொத்தான்களை நிரல் முறையில் கட்டுப்படுத்தலாம்.

எக்ஸ்எம்எல் தொழில்நுட்ப ஆதரவு

HTML5 மொழியைப் பயன்படுத்தி எழுதப்பட்ட HTML ஆவணத்தில், SVG அல்லது MathML போன்ற பல்வேறு XML வடிவங்களுடன் தொடர்புடைய தொழில்நுட்பங்களைச் செயல்படுத்துவது இப்போது சாத்தியமாகும்.

எஸ்.வி.ஜி

SVG - அளவிடக்கூடிய வெக்டர் கிராபிக்ஸ் திசையன் வரைகலை) என்பது எக்ஸ்எம்எல் வடிவமாகும். HTML5 XML வடிவங்களை ஆதரிக்கத் தொடங்கியதிலிருந்து, SVG ஐப் பயன்படுத்தி உருவாக்கப்பட்ட படங்களை ஒரு HTML ஆவணத்தில் உட்பொதித்து அவற்றை ஜாவாஸ்கிரிப்ட் மூலம் கையாளலாம்.

பச்சை வட்ட வடிவத்திற்கான எடுத்துக்காட்டு குறியீடு:

விளைவாக:

கணிதம்

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

HTML5 இல் எந்தக் குறிச்சொற்கள் நிறுத்தப்பட்டன?

HTML5 விவரக்குறிப்பில் உள்ள மரபுக் குறிச்சொற்கள்:

அதற்கு பதிலாக உட்பொதிவு குறிச்சொல் பயன்படுத்தப்பட வேண்டும்
அதற்கு பதிலாக abbr குறிச்சொல் பயன்படுத்தப்பட வேண்டும்
பதிலாக பயன்படுத்த வேண்டும் ஆடியோ டேக்
அதற்கு பதிலாக உல் டேக் பயன்படுத்தப்பட வேண்டும்
.. பதிலாக பயன்படுத்த வேண்டும் iframe குறிச்சொல்
அதற்கு பதிலாக நீங்கள் ஒரு சில படிவம் மற்றும் உள்ளீட்டு குறிச்சொற்களைப் பயன்படுத்த வேண்டும்
அதற்கு பதிலாக முன் அல்லது குறியீடு குறிச்சொற்கள் பயன்படுத்தப்பட வேண்டும்


அதற்குப் பதிலாக முன் குறிச்சொல் பயன்படுத்தப்பட வேண்டும்
அதற்கு பதிலாக s குறிச்சொல் பயன்படுத்தப்பட வேண்டும்

குறிச்சொற்களை வடிவமைப்பதற்குப் பதிலாக: , , , , , , , , , மற்றும் , நீங்கள் CSS பண்புகளைப் பயன்படுத்த வேண்டும்.

HTML5 இல் வலைத்தளங்களை உருவாக்கும் போது வழக்கற்றுப் போன குறிச்சொற்களைப் பயன்படுத்த பரிந்துரைக்கப்படவில்லை, ஆனால் உலாவிகள் இனி அவற்றை ஆதரிக்காது என்று அர்த்தமல்ல, எடுத்துக்காட்டாக, பரிந்துரைக்கப்படாத குறிச்சொல்லின் வேலை அடிக்கோடிடுகிறது

HTML5 இல் புதிய உலகளாவிய பண்புக்கூறுகள்

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

உலகளாவிய HTML5 பண்புக்கூறுகளின் பெயர்கள் மற்றும் விளக்கங்களைப் பார்ப்போம்:

accesskey=" " - முன்-திட்டமிடப்பட்ட ஒன்றை அழுத்துவதன் மூலம் பக்கத்தின் எந்த உறுப்பையும் (டேக்) பயன்படுத்த உங்களை அனுமதிக்கிறது முக்கிய கலவை,
class=" " - வகுப்பின் பெயரை அமைக்க உங்களை அனுமதிக்கிறது,
contenteditable=" " - உள்ளடக்கத்தைத் திருத்த உங்களை அனுமதிக்கிறது புதிய உருப்படி,
சூழல்மெனு=" " - புதிய உறுப்புக்கான சூழல் மெனுவை உருவாக்க உங்களை அனுமதிக்கிறது,
dir=" " - நிர்வகிக்க உங்களை அனுமதிக்கிறது உரை திசை,
draggable=" " - புதிய உறுப்பை இழுக்க பயனரை அனுமதிக்கிறது,
dropzone=" " - புதியதை இழுக்கும்போது ஒரு உறுப்பை என்ன செய்ய வேண்டும் என்பதைக் குறிப்பிட உங்களை அனுமதிக்கிறது,
hiden=" " - புதிய உறுப்பை மறைக்க உங்களை அனுமதிக்கிறது,
id=" " - ஒரு உறுப்புக்கான தனிப்பட்ட அடையாளங்காட்டியை அமைக்க உங்களை அனுமதிக்கிறது,
lang=" " - உறுப்பு உள்ளடக்கத்தில் மொழிக் குறியீட்டைக் குறிப்பிட உங்களை அனுமதிக்கிறது,
spellcheck=" " - புதிய உறுப்பின் உள்ளடக்கத்தில் எழுத்துப்பிழை சரிபார்க்கப்பட்டதா இல்லையா என்பதைக் குறிப்பிட உங்களை அனுமதிக்கிறது,
style=" " - ஒரு உறுப்புக்கான பாணியை உருவாக்க உங்களை அனுமதிக்கிறது,
tabindex=" " - நீங்கள் Tab விசையை அழுத்தும்போது எந்த வரிசையில் உறுப்புகள் கவனம் செலுத்த வேண்டும் என்பதைக் குறிப்பிடும் விதியை உருவாக்க உங்களை அனுமதிக்கிறது,
தலைப்பு=" " - ஒரு உறுப்பு மீது உங்கள் சுட்டியை நகர்த்தும்போது தோன்றும் உதவிக்குறிப்பை உருவாக்க உங்களை அனுமதிக்கிறது.

HTML5 விவரக்குறிப்பில், குறிச்சொற்கள் முழு அளவிலான பொருள்களாக மாறியதால், உலகளாவிய பண்புக்கூறு என்ற கருத்து ஏற்கனவே இந்த பொருட்களில் இயல்பாகவே உள்ளது, விவரக்குறிப்பில் இன்னும் விவரிக்கப்படாத குறிச்சொற்களுக்கும் கூட.

HTML5 ஆவணக் குறியீடு கட்டமைப்பில் புதுமைகள்

HTML5 இல் உள்ள குறியீடு அமைப்பு சில மாற்றங்களுக்கு உட்பட்டுள்ளது, அவற்றில் சில இங்கே:

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

2. ஆவண மொழியைக் குறிக்க, இப்போது மெட்டா குறிச்சொல்லுக்குப் பதிலாக:
குறிச்சொல்லில் lang="ru" பண்புக்கூறைப் பயன்படுத்த வேண்டும்:

3. ஆவணக் குறியாக்கத்தைக் குறிக்க, இப்போது மெட்டா குறிச்சொல்லுக்குப் பதிலாக:

http-equiv மற்றும் உள்ளடக்க பண்புக்கூறுகள் இல்லாமல், நீங்கள் மெட்டா டேக்கைப் பயன்படுத்த வேண்டும்

4. ஜாவாஸ்கிரிப்ட் ஸ்கிரிப்டை உருவாக்கும் போது, ​​இப்போது டேக்கில், டைப்="டெக்ஸ்ட்/ஜாவாஸ்கிரிப்ட்" மற்றும் மொழி="ஜாவாஸ்கிரிப்ட்" பண்புக்கூறுகளை செயல்படுத்த வேண்டிய அவசியமில்லை.

5. செயல்படுத்தப்பட்டவுடன் CSS பாணிகள், இப்போது type="text/css" பண்புக்கூறை மற்றும் குறிச்சொற்களில் செயல்படுத்த வேண்டிய அவசியமில்லை.

6. இணைப்பு என்பது இன்லைன் குறிச்சொல், எனவே ஆரம்பத்தில் HTML விவரக்குறிப்புகள்மற்றும் XHTML, அவை பிளாக் குறிச்சொற்களை வடிவமைக்க பரிந்துரைக்கப்படவில்லை; இப்போது HTML5 விவரக்குறிப்பில் இணைப்புகளுக்கான இந்த பரிந்துரை அகற்றப்பட்டது, மேலும் அவை ஒன்று அல்லது அதற்கு மேற்பட்ட தொகுதி கூறுகளை வடிவமைக்க அனுமதிக்கப்படுகின்றன.

தலைப்பு

பத்தி

இப்போது HTML5 உடன், நீங்கள் இதைச் செய்யலாம்:

தலைப்பு

தளத்தில் இருந்து பொருட்கள் அடிப்படையில் http://html-5.ru/, http://html-5.ru/uchebnik-html5

தேடுபொறி ரோபோக்களுக்கான கட்டளை குறிச்சொற்கள், பக்கங்களின் சொற்பொருள் சுமை

• 2015-2017 இலிருந்து HTML W3C இல் சேர்த்தல்

• W3C பரிந்துரைகள் டிசம்பர் 24, 1999

பெரும்பாலும், சில HTML குறியீட்டு தரநிலைகள் இருப்பதை இணைய உருவாக்குநர்கள் அறிந்திருக்க மாட்டார்கள். இருப்பினும், 2000 மற்றும் 2010 க்கு இடையில், பல வலை உருவாக்குநர்கள் HTML இலிருந்து XHTML க்கு மாறினர். அதே நேரத்தில், XHTML டெவலப்பர்களை செல்லுபடியாகும் மற்றும் "நன்கு வடிவமைக்கப்பட்ட" குறியீட்டை எழுத கட்டாயப்படுத்தியது. HTML5, குறியீடு சரிபார்ப்புக்கு வரும்போது, ​​சில மந்தநிலையை அனுமதிக்கிறது.

இருப்பினும், நடையில் உள்ள நிலைத்தன்மை உங்கள் HTML குறியீட்டை மற்றவர்கள் புரிந்துகொள்வதை எளிதாக்கும்.

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

உங்கள் குறியீடு சுத்தமாகவும், சுத்தமாகவும், நன்கு வடிவமைக்கப்பட்டதாகவும் இருப்பதை எப்போதும் உறுதிசெய்யவும்.

சரியான ஆவண வகையைப் பயன்படுத்தவும்

எப்போதும் முதல் வரியில் ஆவண வகையை அறிவிக்கவும்:

சிற்றெழுத்து குறிச்சொற்களுடன் நிலைத்தன்மையை பராமரிக்க விரும்பினால், பின்வரும் ஆவண வகை வரையறையைப் பயன்படுத்தலாம்:

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

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

• குறிச்சொல் பெயர்களில் பெரிய எழுத்துக்களையும் சிறிய எழுத்துக்களையும் கலப்பது தவறான நடைமுறையாகக் கருதப்படுகிறது

இது உரையின் பத்தி.

மிகவும் மோசமானது:

இது உரையின் பத்தி.

இது உரையின் பத்தி.

அனைத்து HTML உறுப்புகளையும் மூடு

HTML5 இல், நீங்கள் அனைத்து உறுப்புகளையும் மூட வேண்டிய அவசியமில்லை (உதாரணமாக, உறுப்பு

இது உரையின் பத்தி.

இது உரையின் பத்தி.

இது உரையின் பத்தி.

இது உரையின் பத்தி.

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

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

ஏற்கத்தக்கது:

ஏற்கத்தக்கது:

இருப்பினும், XHTML மற்றும் XML இல் ட்ரைலிங் ஸ்லாஷ் (/) தேவைப்படுகிறது.

உங்கள் இணையப் பக்கத்தை XML பயன்பாடுகள் அணுகும் என எதிர்பார்க்கப்பட்டால், காலியாக இருக்கும் HTML கூறுகள்க்ளோசிங் ஸ்லாஷைப் பயன்படுத்துவது நல்லது!

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

HTML5 இல், பண்புக்கூறு பெயர்களை எழுதும் போது நீங்கள் பெரிய மற்றும் சிறிய எழுத்துக்களை கலக்கலாம்.

• பண்புக்கூறு பெயர்களில் பெரிய எழுத்துக்களையும் சிறிய எழுத்துக்களையும் கலப்பது தவறான நடைமுறையாகக் கருதப்படுகிறது
• டெவலப்பர்கள் பொதுவாக சிறிய எழுத்துக்களைப் பயன்படுத்துகின்றனர் (XHTML போன்றது)
• சிறிய எழுத்து சுத்தமாக தெரிகிறது
• சிற்றெழுத்து எழுதுவது எளிது

மேற்கோள்களில் பண்பு மதிப்புகளை இணைக்கவும்

HTML5 பண்புக்கூறு மதிப்புகளை மேற்கோள்கள் இல்லாமல் எழுத அனுமதிக்கிறது. இருப்பினும், பண்புக்கூறு மதிப்புகளை மேற்கோள்களில் எப்போதும் இணைக்குமாறு பரிந்துரைக்கிறோம்

• பெரிய எழுத்து மற்றும் சிறிய எழுத்துக்களை அர்த்தத்தில் கலப்பது தவறான நடைமுறையாக கருதப்படுகிறது
• மேற்கோள் காட்டப்பட்ட மதிப்புகள் படிக்க எளிதாக இருக்கும்
• மதிப்புகளில் இடைவெளிகள் இருந்தால் நீங்கள் மேற்கோள் காட்ட வேண்டும்

மிகவும் மோசமானது:

மதிப்பில் இடைவெளிகள் இருப்பதால் இது வேலை செய்யாது

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

படங்களை வரையறுக்கும்போது, ​​எப்போதும் "alt" பண்புக்கூறைப் பயன்படுத்தவும். சில காரணங்களால் படம் காட்டப்படாதபோது இந்த பண்பு முக்கியமானது.

மேலும், எப்போதும் படத்தின் அகலம் மற்றும் உயரத்தை வரையறுக்கவும். இது பக்க தளவமைப்பு முறிவைக் குறைக்கிறது, ஏனெனில் பக்கம் ஏற்றப்படும் போது உலாவி படத்திற்கான இடத்தை ஒதுக்கும்.

இடைவெளிகள் மற்றும் சமம்

HTML5 சம அடையாளத்தைச் சுற்றி இடைவெளிகளை அனுமதிக்கிறது. இருப்பினும், இடைவெளிகள் இல்லாதபோது, ​​குறியீட்டைப் படிக்க எளிதாக இருக்கும், மேலும் இது நிறுவனங்களை சிறப்பாகக் குழுவாக்கும்.

குறியீட்டின் நீண்ட வரிகளைத் தவிர்க்கவும்

மணிக்கு HTML ஐப் பயன்படுத்துகிறதுஎடிட்டர், நீங்கள் சாளரத்தை இடது அல்லது வலதுபுறமாக உருட்ட வேண்டியிருந்தால், HTML குறியீட்டைப் படிப்பது சிரமமாக இருக்கும்.

குறியீட்டின் வரியை 80 எழுத்துகளுக்கு மேல் வைக்க முயற்சிக்க வேண்டும்.

வெற்று கோடுகள் மற்றும் உள்தள்ளல்

நல்ல காரணமின்றி வெற்று வரிகளைச் சேர்க்கக் கூடாது.

சிறந்த வாசிப்புத்திறனுக்காக, பெரிய, தர்க்கரீதியாக சீரான குறியீட்டு தொகுதிகளை பிரிக்க மட்டுமே வெற்று கோடுகள் சேர்க்கப்பட வேண்டும்.

மேலும், சிறந்த வாசிப்புக்கு, உள்தள்ளலுக்கு இரண்டு இடைவெளிகளைச் சேர்க்கவும். இதற்கு தாவல்களைப் பயன்படுத்த வேண்டாம்.

தேவையற்ற இடைவெளி மற்றும் உள்தள்ளலைத் தவிர்க்கவும். ஒவ்வொரு உறுப்புக்கும் உள்தள்ள வேண்டிய அவசியமில்லை.

அவசியமில்லை:

பிரபலமான நகரங்கள் டோக்கியோ

டோக்கியோ ஜப்பானின் தலைநகரம், கிரேட்டர் டோக்கியோ பகுதியின் மையம் மற்றும் உலகின் அதிக மக்கள்தொகை கொண்ட பெருநகரப் பகுதி. இது ஜப்பானிய அரசாங்கம் மற்றும் இம்பீரியல் அரண்மனையின் இருக்கை மற்றும் ஜப்பானிய ஏகாதிபத்திய குடும்பத்தின் இல்லமாகும்.

பிரபலமான நகரங்கள் டோக்கியோ

டோக்கியோ ஜப்பானின் தலைநகரம், கிரேட்டர் டோக்கியோ பகுதியின் மையம் மற்றும் உலகின் அதிக மக்கள்தொகை கொண்ட பெருநகரப் பகுதி. இது ஜப்பானிய அரசாங்கம் மற்றும் இம்பீரியல் அரண்மனையின் இருக்கை மற்றும் ஜப்பானிய ஏகாதிபத்திய குடும்பத்தின் இல்லமாகும்.

பெயர் விளக்கம்

ஏ	A இன் விளக்கம்
பி	பி விளக்கம்

லண்டன்

பாரிஸ்

டோக்கியோ

தவிர்க்க வேண்டுமா அல்லது வேண்டாமா?

HTML5 தரநிலையின்படி, குறிச்சொல் மற்றும் குறிச்சொல் பயன்படுத்தப்படாது.

பின்வரும் குறியீடு HTML5 தரநிலையின்படி செல்லுபடியாகும் எனக் கருதப்படுகிறது:

பக்க தலைப்பு இது ஒரு உரை தலைப்பு

இது உரையின் பத்தி.

உறுப்பு என்பது ஆவணத்தின் வேர். பக்க மொழியை வரையறுக்க இது பரிந்துரைக்கப்படும் இடம்:

சிறப்புப் பயன்பாடுகள் (ஸ்கிரீன் ரீடர்கள் போன்றவை) மற்றும் தேடுபொறிகள் ஆகிய இரண்டிற்கும் பக்க மொழி அறிவிப்பு முக்கியமானது.

கூடுதலாக, நீங்கள் ஒரு குறிச்சொல் அல்லது குறிச்சொல்லை எழுதவில்லை என்றால், அது பயன்பாட்டின் DOM மற்றும் XML கட்டமைப்பை உடைக்கலாம். ஒரு குறிச்சொல்லைத் தவிர்ப்பது பழைய உலாவிகளில் (IE9) பிழைகளுக்கு வழிவகுக்கும்.

நான் குறிச்சொல்லைத் தவிர்க்க வேண்டுமா?

HTML5 தரநிலையின்படி, குறிச்சொல் பயன்படுத்தப்படாமல் இருக்கலாம்.

இயல்பாக, உலாவிகள் தாங்கள் உருவாக்கும் உறுப்புக்குள் தொடக்கக் குறிச்சொல்லுக்கு முன் அனைத்து உறுப்புகளையும் சேர்க்கும்.

குறிச்சொல்லைத் தவிர்ப்பதன் மூலம் HTML கட்டமைப்பின் சிக்கலைக் குறைக்கலாம்:

பக்க தலைப்பு உரை தலைப்பு

இது ஒரு உரை பத்தி.

மெட்டாடேட்டா

உறுப்பு HTML5 இல் தேவைப்படுகிறது. பக்கத்தின் தலைப்பு அர்த்தத்துடன் நிரப்பப்பட வேண்டும்:

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

HTML5 தொடரியல் மற்றும் குறியீட்டு தரநிலைகள்

வியூபோர்ட்டை நிறுவுதல் (பார்வை சாளரம்)

"வியூபோர்ட்" என்பது ஒரு வலைப்பக்கத்தின் பயனர் காணக்கூடிய பகுதி. இந்த பகுதி சாதனத்திற்கு சாதனம் மற்றும் ஒன்றுக்கு மாறுபடும் கையடக்க தொலைபேசிகள்கணினி திரையை விட சிறியதாக இருக்கும்.

HTML5 ஒரு முறையை அறிமுகப்படுத்தியது, இது வலை வடிவமைப்பாளர்களைப் பயன்படுத்தி வியூபோர்ட்டைக் கட்டுப்படுத்த அனுமதிக்கிறது.

எல்லா இணையப் பக்கங்களிலும் பின்வரும் படிவத்தில் நீங்கள் எப்போதும் ஒரு வியூபோர்ட் கட்டுப்பாட்டைப் பயன்படுத்த வேண்டும்:

பக்கத்தின் அளவு மற்றும் அளவை எவ்வாறு கட்டுப்படுத்துவது என்பது குறித்த வழிமுறைகளை இந்த வியூபோர்ட் கட்டுப்பாடு உலாவிக்கு வழங்குகிறது.

அகலம்=சாதன அகலம், தற்போதைய சாதனத்தின் திரை அகலத்துடன் பொருந்துமாறு பக்க அகலத்தை அமைக்கிறது (இது நீங்கள் பயன்படுத்தும் சாதனத்தைப் பொறுத்து மாறுபடும்).

ஆரம்ப அளவு = 1.0 பகுதி தொகுப்புகள் முதல் நிலைபக்கம் முதலில் உலாவியால் ஏற்றப்படும் போது அதிகரிக்கிறது.

வியூபோர்ட் மெட்டா டேக் நிறுவப்பட்ட மற்றும் இல்லாமல் ஸ்மார்ட்ஃபோன் திரையில் இணையப் பக்கத்தின் உதாரணத்தைக் கீழே காணலாம்:

வியூபோர்ட் மெட்டா டேக் கொண்ட பக்கம்

HTML கருத்துகள்

ஒரு வரியில் ஒரு சிறிய கருத்து எழுதப்பட வேண்டும்: