DIV மற்றும் SECTION இடையே உள்ள வேறுபாடு என்ன?

HTML5 SECTION உறுப்பு புரிந்துகொள்ளுதல்

HTML5 பல ஆண்டுகளுக்கு முன்னர் காட்சிக்கு வரும்போது, ​​அது SECTION உறுப்பு உள்ளிட்ட பல பகுதிகளுக்கு புதிய பிரிவு கூறுகளை சேர்க்கிறது. HTML5 அறிமுகப்படுத்தியுள்ள புதிய கூறுகளில் பெரும்பாலானவை தெளிவான பயன்பாடுகளைக் கொண்டிருக்கின்றன. உதாரணமாக, உறுப்பு கட்டுரைகள் மற்றும் வலைப்பக்கத்தின் முக்கிய பகுதிகளை வரையறுக்கப் பயன்படுகிறது, உறுப்பு பக்கத்தின் மற்ற பகுதிக்கு முக்கியமற்றதாக இருக்கும் உள்ளடக்கத்தை வரையறுக்கப் பயன்படுகிறது, மேலும் தலைப்பு, nav, மற்றும் முடிப்பு ஆகியவை அழகாக சுய விளக்கமளிக்கும். புதிதாக சேர்க்கப்பட்ட SECTION உறுப்பு, எனினும், ஒரு பிட் குறைவாக தெளிவாக உள்ளது.

பலர் HTML உறுப்புகள் பிரிவு மற்றும் உண்மையில் ஒரு வலைப்பக்கத்தில் உள்ளடக்கத்தை கட்டுப்படுத்த பயன்படுத்தப்படும் பொதுவான கொள்கலன் கூறுகள் என்று நம்புகிறார்கள். இருப்பினும், உண்மை என்னவென்றால், இந்த இரு கூறுகளும், கொள்கலன்களான இரு கூறுகள் இருப்பினும், பொதுவானவை. SECTION உறுப்பு மற்றும் DIV உறுப்பு ஆகிய இரண்டையும் பயன்படுத்துவதற்கான குறிப்பிட்ட காரணங்கள் உள்ளன - இந்த கட்டுரை அந்த வேறுபாடுகளை விளக்குகிறது.

பிரிவுகள் மற்றும் பிரிவுகள்

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

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

இது அனைத்து சொற்பிறப்பியல் பற்றி

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

ஒரு DIV உறுப்பு உள்ளே உள்ள எந்த உள்ளடக்கம் எந்த உள்ளார்ந்த பொருள் இல்லை. இது போன்ற விஷயங்களுக்கு சிறந்தது:

• CSS பாணிகளை CSS பாணிகள் மற்றும் கொக்கிகள்
• லேஅவுட் கொள்கலன்கள்
• JavaScript ஹூக்ஸ்
• HTML க்கான பிரிவுகளைப் படிக்க எளிதாகிறது

DIV உறுப்பு எங்கள் ஆவணங்கள் பாணியில் கொக்கி சேர்ப்பது மற்றும் பத்திகள் மற்றும் ஆடம்பரமான அமைப்பு உருவாக்க நாம் மட்டுமே உறுப்பு பயன்படுத்தப்படுகிறது. இதன் காரணமாக, நாம் HTML உடன் முடிந்தது, DIV உறுப்புகள் - வலை வடிவமைப்பாளர்கள் "divitis." என்று அழைக்கலாம். DIV உறுப்பு பயன்படுத்தி பிரத்தியேகமாக WYSIWYG ஆசிரியர்கள் இருந்தனர். நான் உண்மையில் HTML முழுவதும் பத்திகள் DIV உறுப்பு பயன்படுத்துகிறது!

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

SPAN உறுப்பு பற்றி என்ன?

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

HTML5 இல் ஒப்பிடத்தக்க இன்லைன் பிரிப்பான் உறுப்பு இல்லை.

இன்டர்நெட் எக்ஸ்ப்ளோரர் பழைய பதிப்புகள்

நீங்கள் நம்பத்தகுந்த HTML5 ஐ அடையாளம் காணாத IE இன் பழைய பதிப்புகள் (IE 8 மற்றும் குறைந்தது போன்றவை) ஆதரிக்கிறீர்கள் என்றால், நீங்கள் சொல்வது சரியான HTML குறிச்சொற்களைப் பயன்படுத்த பயப்படக்கூடாது. சொற்பொழிவுகள் நீங்கள் மற்றும் உங்கள் அணி எதிர்காலத்தில் பக்கத்தை நிர்வகிக்க உதவும் (ARTICLE உறுப்புடன் சூழப்பட்டிருந்தால் அந்த பகுப்பு கட்டுரை என்பது உங்களுக்குத் தெரியும்). பிளஸ், அந்த குறிச்சொற்களை அடையாளம் என்று உலாவிகளில் இன்னும் நல்ல ஆதரவு.

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

DIV மற்றும் SECTION உறுப்புகள் பயன்படுத்தி

நீங்கள் அவற்றை சரியாக பயன்படுத்துகிறீர்கள் என்றால், நீங்கள் DIV மற்றும் SECTION இரு கூறுகளையும் ஒரு சரியான HTML5 ஆவணத்தில் பயன்படுத்தலாம். இந்த கட்டுரையில் இங்கே பார்த்தபடி, நீங்கள் உள்ளடக்கத்தின் சொற்பொருளியல் பகுதிகள் வரையறுக்க SECTION உறுப்பைப் பயன்படுத்துகிறீர்கள், மற்றும் நீங்கள் DIV ஐ CSS மற்றும் ஜாவாஸ்கிரிங்கிற்கான கொக்கிகளாகவும், ஒரு பொருள் அர்த்தம் இல்லாத அமைப்பை வரையறுக்கும் வகையிலும் பயன்படுத்துகிறீர்கள்.

ஜெனிபர் கிரைனின் அசல் கட்டுரை. 3/15/17 அன்று ஜெர்மி ஜாராரால் திருத்தப்பட்டது