DIV සහ කොටස අතර වෙනස කුමක්ද?

HTML5 කොටස කොටස තේරුම් ගැනීම

HTML5 දර්ශනය වසර ගණනාවකට පෙර HTML5 වෙබ් අඩවි මූලද්රව්යය ඇතුළුව, Langauge වෙත නව කොටස් කිරීමේ අංගයන් එකතු කරන ලදි. HTML5 හඳුන්වාදෙන නව අංග බොහෝමයක් පැහැදිලි භාවිතයක් ඇත. නිදසුනක් ලෙස, මෙම මූලද්රව්යය වෙබ් පිටුවක ලිපි සහ ප්රධාන කොටස් නිර්වචනය කිරීමට භාවිතා කරන අතර, අනෙක් පිටුවට තීරනාත්මක නොවන සබැඳි අන්තර්ගත නිර්ණය කිරීම සඳහා භාවිතා කරයි, සහ ශීර්ෂකය, නාවික සහ පාදමය යන දෙය ඉතා පැහැදිලි ලෙස පැහැදිලි වේ. කෙසේවෙතත් අලුතින් එකතු කරන ලද කොටස් කොටස, කෙසේ වෙතත් ටිකක් අඩු ය.

බොහෝ දෙනා විශ්වාස කරන්නේ HTML අංග කොටස් සහ සැබැවින්ම එකම දෙයකි - සාමාන්ය වෙබ් අන්තර්ගතය මත අන්තර්ගතය අන්තර්ගත කිරීම සඳහා භාවිතා වන පොදු බහාලුම් අංගයන්. කෙසේ වෙතත්, යථාර්ථය නම් මෙම මූලද්රව්ය දෙක වන අතර, කන්ටේනර් මූලද්රව්ය දෙකම වන අතර ඒවා සර්ව පරාමිතික ය. කොටස් කොටස සහ DIV මූලද්රව්ය දෙකම භාවිතා කිරීමට නිශ්චිත හේතු පවතී - මෙම වෙනස්කම් පැහැදිලි කරනු ඇත.

ශාඛා හා ශාඛා

කොටස් කොටස අර්ථ දැක්වෙන්නේ වෙබ් පිටුවකට හෝ වෙබ් අඩවියේ හෝ වෙනත් විශේෂිත වර්ගයක් නොවේ (ලිපියක් හෝ පැත්තක් වැනි) වලිනි. පිටුවෙහි සුවිශේෂී කොටසක් මා සලකන විට මෙම අංගය භාවිතා කිරීමට පුරුදු වන්නෙමි - තොගවිරාම වෙනස් කළ හැකි කොටසක් සහ අඩවියේ වෙනත් කොටස්වල හෝ කොටස් භාවිතා කළ හැකිය. එය ඔබ කැමති නම්, අන්තර්ගතයේ වෙන වෙනම අන්තර්ගතයක් හෝ අන්තර්ගතයේ කොටසක්.

ඊට වෙනස්ව, ඔබ බෙදීමට අවශ්ය වන පිටුවට අමතර කොටස් සඳහා DIV මූලද්රව්ය භාවිතා කරන නමුත් semantics හැර වෙනත් අරමුණු සඳහාද භාවිතා කරයි . මම CSS සමඟ භාවිතා කිරීමට "හක්ක" මා විසින්ම හුදෙක්ම මා එසේ කරන්නේ නම්, අංශයක් තුළ අන්තර්ගතයක් සහිත ප්රදේශයක් ඔතා ඇත. සම්මේලනය මත පදනම් වූ අන්තර්ගතයේ වෙන වෙනම කොටසක් නොවිය හැකිය, නමුත් මගේ පිටුව සඳහා අවශ්ය වන ආකෘතිය සපුරා ගැනීම සඳහා මා විසින් නියම කරනු ලබන දෙයක් ය.

එය සම්මිශ්රණය පිළිබඳ සියල්ලම

මෙය වටහා ගැනීමට අපහසු සංකල්පයකි. නමුත් DIV මූලද්රව්යය සහ කොටස් කොටස අතර ඇති එකම වෙනස වන්නේ semantics වේ. වෙනත් වචනවලින් කිවහොත්, ඔබ බෙදා වෙන් කරන කේතයේ කොටසෙහි තේරුමයි .

DIV මූලද්රව්යයක් තුළ අඩංගු ඕනෑම අන්තර්ගතයක් කිසිදු ආවේනික අර්ථයක් නැත. එය හොඳම දේ සඳහා භාවිතා කරයි:

අපගේ ලේඛන විලාසිතාවන්ට කොකු එකතු කිරීම සඳහා කොකු එකතු කිරීම සඳහාත්, තීරු හා අලංකාර පිරිසැලසුම් නිර්මාණය කිරීමටත් අපට හැකි විය. ඒ නිසා අපි DIV මූලද්රව්ය සමග හසු කරගත් HTML සහිතව අවසන් විය. වෙබ් නිර්මාණකරුවන් විසින් "divitis" යනුවෙන් හැඳින්විය හැකි දේ. ඩීඅයිඑම් මූලද්රව්ය භාවිතා කළ WYSIWYG සංස්කරණ පවා විය. මම සැබැවින්ම ඡේදය වෙනුවට ඩීවීඑල් මූලද්රව්ය භාවිතා කරන HTML හරහා දිවෙයි.

HTML5 සමඟ, වඩාත් අර්ථකථනාත්මක විස්තර සහිත ලිපි ලේඛන (නාවිකකරණය සඳහා සහ විස්තරාත්මක විස්තර සඳහා ආදිය) සහ අංශු වල විලාසයන් නිර්වචනය කිරීමට කොටස් කිරීමේ මූලයන් භාවිතා කළ හැකිය.

SPAN මූලද්රව්ය ගැන කුමක් ද?

DIV මූලද්රව්යය ගැන සිතන විට බොහෝ දෙනා සිතන්නේ අනෙක් මූලද්රව්යය වේ. DIV වැනි මෙම මූලද්රව්යය සංකේතාත්මක මූලද්රව්යයක් නොවේ. අන්තර්ගතයේ අභ්යන්තර අන්තර්ගතයන් (සාමාන්යයෙන් පෙළ) අවට පාඨ හා ස්ක්රිප්ට් සඳහා කොක්කක් එකතු කිරීමට භාවිතා කළ හැකි පේළි මූලද්රව්යයකි. එම අර්ථයෙන් එය DIV මූලද්රව්යය මෙන් නොව, බ්ලොක් මූලද්රව්යයක් වෙනුවට පේළියක පමණි. සමහර ආකාරවලින්, DIV බ්ලොක්-මට්ටමේ SPAN මූලයක් ලෙස සිතීමට පහසු වන අතර, ඔබ විසින් SPAN පමණක්ම HTML අන්තර්ගතයන් සඳහා පමණක් භාවිතා කරනු ඇත.

HTML5 හි සංසන්දනීය පේළිගත කිරීමේ මූලද්රව්යයක් නොමැත.

Internet Explorer හි පැරණි සංස්කරණ සඳහා

IE5 විශ්වාසනීය ලෙස නොසැලකෙන HTML (IE 8 හා පහල) වැනි නාටකාකාර ලෙස පැරණි අනුවාද වලට සහය නොදැක්වුවහොත්, semantically නිවැරදි HTML ටැග් භාවිතා කිරීමට බිය නොවිය යුතුය. මෙම සංකල්පිතයන් ඔබට සහ ඔබගේ කණ්ඩායමට අනාගතයේදී පිටු හසුරුවනු ඇත (ඔබ එම ලිපිය ARTICLE අංගය විසින් වට කර ඇත්නම් බව ඔබට දැනෙනු ඇති නිසා). ප්ලස්, එම ටැග හඳුනා ගන්නා බ්රවුසර් ඒවා වඩා හොඳට සහාය දක්වයි.

ඔබට තවමත් HTML5 සෙමන්ටික් අංශුකාර මූලද්රව්ය භාවිතා කරන්නන් හට Internet Explorer සමඟ භාවිතා කළ හැකිය, ඔබ විසින් හීලෑ ලෙස ටැග්ස් හඳුනා ගැනීමට ඒවාට අදාල ඩිජිටල් අංග කිහිපයක් එකතු කිරීම අවශ්ය වේ.

DIV සහ කොටස් කොටස් භාවිතා කිරීම

ඔබ ඒවා නිවැරදිව භාවිතා කරන්නේ නම්, DIV සහ DSE කොටස් වල වලංගු HTML5 ලේඛනයක එකතුව භාවිතා කළ හැකිය. ඔබ මෙම ලිපියෙන් මෙහි දැක ඇති පරිදි, ඔබ කොටස් වශයෙන් අර්ථ දැක්වෙන කොටස් වෙන් කිරීම සඳහා වන කොටස කොටස භාවිතා කරන්න, ඔබ CSS සහ JavaScript සඳහා කොක්කක් ලෙස භාවිතා කර DIV මූලද්රව්යයක් ලෙස අර්ථ දැක්වීම සහ අර්ථකථන අර්ථයක් නොමැති නිර්වචනයකි.

ජෙනිෆර් ක්රිනින්ගේ මුල් ලිපියක්. 3/15/17 ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලදි