HTML5 பல ஆண்டுகளுக்கு முன்னர் காட்சிக்கு வரும்போது, அது ஒரு புதிய குழுவமைவு கூறுகளை,பிரிவு உறுப்பு. HTML5 அறிமுகப்படுத்தியுள்ள புதிய கூறுகளில் பெரும்பாலானவை தெளிவான பயன்பாடுகளைக் கொண்டிருக்கின்றன. உதாரணமாக, உறுப்பு கட்டுரைகள் மற்றும் வலைப்பக்கத்தின் முக்கிய பகுதிகளை வரையறுக்கப் பயன்படுகிறது, உறுப்பு பக்கத்தின் மற்ற பகுதிக்கு முக்கியமற்றதாக இருக்கும் உள்ளடக்கத்தை வரையறுக்கப் பயன்படுகிறது, மேலும் தலைப்பு, nav, மற்றும் முடிப்பு ஆகியவை அழகாக சுய விளக்கமளிக்கும். புதிதாக சேர்க்கப்பட்டுள்ளதுபிரிவு உறுப்பு, எனினும், ஒரு பிட் குறைவாக தெளிவாக உள்ளது.
பலர் HTML உறுப்புகள் என்று நம்புகிறார்கள் பிரிவு மற்றும் உண்மையில் ஒரே விஷயம் - ஒரு வலை பக்கம் உள்ளடக்கத்தை கட்டுப்படுத்த பயன்படுத்தப்படும் பொதுவான கொள்கலன் கூறுகள். இருப்பினும், உண்மை என்னவென்றால், இந்த இரு கூறுகளும், கொள்கலன்களான இரு கூறுகள் இருப்பினும், பொதுவானவை. இரண்டு பயன்படுத்த குறிப்பிட்ட காரணங்கள் உள்ளன பிரிவு உறுப்பு மற்றும் DIV ஐ உறுப்பு - இந்த கட்டுரை அந்த வேறுபாடுகளை விளக்க வேண்டும்.
பிரிவுகள் மற்றும் பிரிவுகள்
தி பிரிவு உறுப்பு ஒரு வலைப்பக்கத்தின் சொற்பொருள் பிரிவு அல்லது மற்றொரு குறிப்பிட்ட வகை (கட்டுரை அல்லது ஒதுக்கி போன்றது) அல்ல. பக்கத்தின் ஒரு தனித்துவமான பிரிவைக் குறிக்கும்போது நான் இந்த உறுப்பைப் பயன்படுத்துகிறேன் - ஒரு பகுதி மொத்தமாக நகர்த்தப்பட்டு, மற்ற பக்கங்களில் அல்லது தளத்தின் பகுதிகள் பயன்படுத்தப்படலாம். இது ஒரு தனித்துவமான உள்ளடக்கம் அல்லது உள்ளடக்கத்தின் ஒரு "பிரிவு" ஆகும்.
மாறாக, நீங்கள் பயன்படுத்த DIV ஐ நீங்கள் பிரித்து விரும்பும் பக்கத்தின் பகுதிகளுக்கு உறுப்பு, ஆனால் சொற்பொருள்களைத் தவிர வேறு நோக்கங்களுக்காக. நான் CSS உடன் பயன்படுத்த ஒரு "கொக்கி" கொடுக்க முற்றிலும் செய்து இருந்தால் நான் ஒரு பிரிவு உள்ளடக்கத்தை பகுதியில் போர்த்தி. இது சொற்பொருள்களை அடிப்படையாகக் கொண்ட உள்ளடக்கத்தின் ஒரு தனித்துவமான பகுதியாக இருக்காது, ஆனால் எனது பக்கத்திற்கு நான் விரும்பும் அமைப்பை அடைவதற்கு நான் கட்டளையிடுகிறேன்.
இது அனைத்து சொற்பிறப்பியல் பற்றி
இது புரிந்து கொள்ள ஒரு கடினமான கருத்து, ஆனால் ஒரே வித்தியாசம் DIV ஐ உறுப்பு மற்றும் பிரிவு உறுப்பு பொருளியல். வேறுவிதமாக கூறினால், அது தான் அதாவது நீங்கள் வகுக்கும் குறியீட்டின் பிரிவில்.
உள்ளே உள்ள எந்த உள்ளடக்கமும் DIV ஐ உறுப்புக்கு எந்த உள்ளார்ந்த அர்த்தமும் இல்லை. இது போன்ற விஷயங்களுக்கு சிறந்தது:
- CSS பாணிகளை CSS பாணிகள் மற்றும் கொக்கிகள்
- லேஅவுட் கொள்கலன்கள்
- JavaScript ஹூக்ஸ்
- HTML க்கான பிரிவுகளைப் படிக்க எளிதாகிறது
தி DIV ஐ உறுப்பு நம் ஆவணங்களை பாணி மற்றும் கொத்தளங்கள் மற்றும் ஆடம்பரமான அமைப்பு உருவாக்க கொக்கி சேர்க்க வேண்டும் மட்டுமே உறுப்பு பயன்படுத்தப்படுகிறது. அதனால்தான், நாம் எங்கு சென்றாலும் HTML உடன் முடிந்தது DIV ஐ கூறுகள்-வலை வடிவமைப்பாளர்கள் "divitis." என்று அழைக்கலாம். WYSIWYG ஆசிரியர்கள் கூட இருந்தனர் DIV ஐ பிரத்தியேகமாக உறுப்பு. நான் உண்மையில் பயன்படுத்தும் HTML முழுவதும் இயங்குகிறேன் DIV ஐ பத்திகளுக்கு பதிலாக உறுப்பு!
HTML5 உடன், நாம் பகுப்பாய்வு கூறுகளை பயன்படுத்தி மேலும் சொற்பொருளியல் விளக்க ஆவணங்கள் (வழிநடத்துதலுக்காகவும் விளக்கப்படங்கள் மற்றும் பலவற்றிற்காகவும்) உருவாக்கவும் மற்றும் அந்த கூறுகளின் பாணியை வரையறுக்கலாம்.
SPAN உறுப்பு பற்றி என்ன?
பெரும்பாலான மக்கள் அவர்கள் நினைக்கும் போது நினைக்கும் மற்ற உறுப்பு DIV ஐ உறுப்பு உறுப்பு ஆகும். இந்த உறுப்பு, போன்ற DIV ஐ, ஒரு சொற்பொருள் கூறு அல்ல. இது உள்ளடக்கம் (பொதுவாக உரை) இன்லைன் தொகுதிகள் உள்ள பாணிகள் மற்றும் ஸ்கிரிப்டுகளுக்கான கொக்கிகள் சேர்க்க பயன்படுத்தக்கூடிய ஒரு இன்லைன் உறுப்பு. அந்த அர்த்தத்தில் அது சரியாக உள்ளது DIV ஐ உறுப்பு, ஒரு பிளாக் உறுப்பைக் காட்டிலும் மட்டும் இன்லைன். சில வழிகளில், இது பற்றி யோசிக்க எளிதாக இருக்கும் DIV ஐ ஒரு தொகுதி நிலை ஸ்பேன் உறுப்பு மற்றும் நீங்கள் அதே வழியில் அதை பயன்படுத்த ஸ்பேன் முழுமையான HTML உள்ளடக்கம் மட்டுமே.
HTML5 இல் ஒப்பிடத்தக்க இன்லைன் பிரிப்பான் உறுப்பு இல்லை.
இன்டர்நெட் எக்ஸ்ப்ளோரர் பழைய பதிப்புகள்
நீங்கள் நம்பத்தகுந்த HTML5 ஐ அடையாளம் காணாத IE இன் பழைய பதிப்புகள் (IE 8 மற்றும் குறைந்தது போன்றவை) ஆதரிக்கிறீர்கள் என்றால், நீங்கள் சொல்வது சரியான HTML குறிச்சொற்களைப் பயன்படுத்த பயப்படக்கூடாது. சொற்பொழிவுகள் நீங்கள் மற்றும் உங்கள் அணி எதிர்காலத்தில் பக்கம் நிர்வகிக்க உதவும் (நீங்கள் அந்த பகுதியை கட்டுரையில் கட்டுரையில் இருந்தால், உறுப்பு உறுப்பு). பிளஸ், அந்த குறிச்சொற்களை அடையாளம் என்று உலாவிகளில் இன்னும் நல்ல ஆதரவு.
இன்டர்நெட் எக்ஸ்ப்ளோரருடன் நீங்கள் HTML5 சொற்பொருள் பிரிவு கூறுகளை இன்னமும் பயன்படுத்தலாம், நீங்கள் ஸ்கிரிப்டிங் மற்றும் சில சுற்றியுள்ள பகுதிகளை சேர்க்க வேண்டும் DIV ஐ HTML ஆக குறிச்சொற்களை அடையாளம் காண அவற்றை பெற உறுப்புகள்.
DIV மற்றும் SECTION உறுப்புகள் பயன்படுத்தி
நீங்கள் அவற்றை சரியாக பயன்படுத்தினால், நீங்கள் இருவரும் பயன்படுத்தலாம் DIV ஐ மற்றும் பிரிவு ஒரு செல்லுபடியாகும் HTML5 ஆவணத்தில் ஒன்றாக உறுப்புகள் உள்ளன. இந்த கட்டுரையில் நீங்கள் பார்த்தபடி, நீங்கள் பயன்படுத்துவீர்கள் பிரிவு உள்ளடக்கத்தின் சொற்பொருளியல் பகுதிகள் வரையறுக்க உறுப்பு, மற்றும் நீங்கள் பயன்படுத்த DIV ஐ CSS மற்றும் JavaScript க்கான கொக்கிகள் போன்ற உறுப்பு மற்றும் ஒரு பொருள் அர்த்தம் இல்லை அமைப்பை வரையறுக்கும்.
ஜெனிபர் கிரைனின் அசல் கட்டுரை. 3/15/17 அன்று ஜெர்மி ஜாராரால் திருத்தப்பட்டது
