HTML5 SECTION Element ን መረዳት
ከብዙ አመታት በፊት ኤችቲኤም 5 ብጥብጥ ውስጥ ሲገባ, አዳዲስ ክፍሎችን (elements section) ለኢውሬጅዬ, ለ SECTION ኤሌሜን ጨምሮ. HTML5 የሚያስተዋውቁት አብዛኛዎቹ አባሎች ግልጽ ግልጋሎቶች ያላቸው ናቸው. ለምሳሌ, ኤለ (element) የሚገለጸው ለጽሑፍ ገጾችን እና ዋነኛ ክፍሎችን ለመግለጽ ነው, ኤለ (ኤለ) ለቀሪው ገጽ ወሳኝ ያልሆነ ተዛማጅ ይዘትን ለመግለጽ ጥቅም ላይ ይውላል, እና ራስጌ, nav, እና ግርጌ ቀለል ያሉ ማብራርያዎች ናቸው. አዲሱ የተጨመረ SECTION ክፍል ግን ትንሽ ትንሽ ግልጽ ነው.
ብዙ ሰዎች የኤችቲኤም ክፍሎች SECTION እና በድር ገጽ ላይ ይዘትን ለመያዝ ጥቅም ላይ የዋሉ ተመሳሳይ ተመሳሳይ ነገሮች ናቸው. እውነታው ግን እነዚህ ሁለት አካላት, የንጥል መያዣዎች ናቸው, ነገር ግን ከአጠቃላዩ ውጭ ናቸው. የሁለቱንም ምክንያቶች የ SECTION ኤፍ እና የ DIV ኤሌዶች መጠቀም - እና ይህ ጽሑፍ ልዩነቶቹን ያብራራል.
ክፍሎቹ እና ዕይታዎች
የ SECTION ክፍል የተተረጎመ አንድ ሌላ የተለየ (እንደ ጽሑፍ ወይም ውስጡ ያልሆነ) ድር ጣቢያ ወይም ጣቢያ ስምንተኛ ክፍል ነው. በገጹ የተወሰነ ክፍል ላይ ምልክት በምያደርግበት ጊዜ ይህን ክፍል መጠቀም እወዳለሁ - በጅምላ ሊዘዋወር እና በሌሎች የገጾች ወይም የጣቢያው ክፍሎች ላይ ጥቅም ላይ ሊውል የሚችል ክፍል. እርስዎ ከፈለጉ የተለየ ይዘት, ወይም የይዘት ክፍል ነው.
በተቃራኒው, ለመክፈል የሚፈልጉትን የገጾች ክፍሎች የ DIV ኤሌድን ይጠቀማሉ, ነገር ግን ከሶፈኒክስ ውጪ ለሆኑ ተግባሮች. ከሲኤስኤስ ጋር ለመጠቆም "ጠማማ" ("hook") ለማቅረብ ብፈልግ ብቻ በመለያ ክፍሉን ይዘት እጠባለሁ. ምናልባት ለገቢያዬ የምፈልገውን አቀማመጥ ለማሳካት የምጽፈው እኔ የምፈልገውን አንድ ነገር ነው.
ሁሉም ስለ ሴማንቲክስ
ይህ ለመረዳት አስቸጋሪ ሀሳብ ነው, ነገር ግን በ DIV ኤ ደረጃ እና በ SECTION አባል መካከል ያለው ልዩነት ፍች ነው. በሌላ አነጋገር, የሚከፍሉት የምሥጢር ክፍል ትርጉም ማለት ነው.
በ DIV አባል ውስጥ የተካተተ ማንኛውንም ይዘት ምንም አይነት የተተረጎመ ትርጉም የለውም. ለሚከተሉት ነገሮች በጣም የተሻለው ነው:
- የሲኤስኤስ ቅጦች እና ጠማማዎች ለሲኤስኤስ ቅጦች
- የአቀማመጥ መያዣዎች
- ጃቫ ስክሪፕት ጥንዶች
- ለማንበብ ቀላል እንዲሆን የኤችቲኤምኤል ክፍሎች
ሰነዶቻችንን ለቅጥያዎቹ ለማጣራት እና ዓምዶችን እና ቅብጥል አቀማመጦችን ለመፍጠር የ DIV ኤለመንት ብቻ ነው የተጠቀሰው. በዚህም ምክንያት, ከ DIV ኤፒአይ ጋር የተጣበቀ ኤችቲኤምኤል ላይ ደርሰናል- የድር ንድፍ ሰራተኞች "ክፋይቲስ" ብለው የሚጠሩዋቸው ነገሮች. የ DIV ኤለምን ብቻ የሚጠቀሙ የ WYSIWYG አርታኢዎች ነበሩ. በኤፍሶ (ኤች ቲ ኤም ኤል) ላይ ለአዲስ አንቀጾች ፋንታ የ DIV ኤሌሜን ተጠቅሟል.
በ ኤች ቲ ኤም ኤል5 አማካኝነት ተጨማሪ የስነ-ጽሁፍ መግለጫዎችን (ለጎን እና ለገጽታ ስዕሎች እና የመሳሰሉትን በመጠቀም) ለመፍጠር የመቀየሪያ ክፍሎችን መጠቀም መጀመር እና እንዲሁም በእነዚያ ክፍሎች ላይ ቅጦችን መግለፅ እንችላለን.
ስለ SPAN ኤለመንትስ ምን ለማለት ይቻላል?
አብዛኛው ሰዎች ስለ DIV ኤሌመንት በሚያስቡበት ጊዜ የሚያሰላስሉት ሌላኛው አካል ነው. ይህ አካል, እንደ DIV, ጽንሰ-ሃሳብ አይደለም. በይዘት ውስጥ ባሉ ይዘት (አብዛኛውን ጊዜ ጽሑፍ) ዙሪያ ዙሪያ ቅጦችን እና ስክሪፕቶችን መንጠቆዎችን ለማከል ሊጠቀሙባቸው የሚችሉ የመስመር ውስጥ ንጥል ነው. በዚያው ሁኔታ በትክክል ልክ እንደ DIV ኤለመንት, ከግድግ አካል ይልቅ ወደ መስመር ውስጥ ብቻ ነው. በአንዳንድ መንገዶች, DIV እንደ Block-level SPAN አባልነት ማሰብ ቀላል ሊሆን ይችላል, እና በሁሉም የኤች. ኤች ቲ ኤም ኤል ይዘት ላይ ብቻ ለ SPAN ብቻ ይጠቀሙበት ይሆናል.
በኤች.ቲ.ኤም.ኤል ውስጥ ምንም ተመሳሳይ ተመሳሳይ የመቀየሪያ ክፍል የለም.
ለወርቁ የ Internet Explorer ቅጂዎች
ምንም እንኳን ኤች ቲ ኤም ኤል 5 ን በማይረዱት ላይ በአስደናቂ ሁኔታ የ IE ን (እንደ IE 8 እና በታች ያሉ) የሚደግፉ ቢሆንም እንኳ ዘይቤ በተሳካ ሁኔታ ትክክለኛ ኤችቲኤምኤል መለያዎችን ለመጠቀም መፍራት የለብዎትም. ሰዋዊዎቹ እርስዎ እና ቡድንዎ ለወደፊቱ ገጾችን እንዲያስተዳድሩ ያግዝዎታል (ምክንያቱም በዚህ ክፍል ውስጥ በዙሪያው ባለው አካል የተከበበ እንደሆነ ያውቃሉ). በተጨማሪም, እነዚያን መለያዎች ለይተው የሚያውቁ አሳሾች ይደግፋቸዋል.
አሁንም ቢሆን ኤች ቲ ኤም 5 የአምልኮ ንጣፍ አካባቢያዊ ክፍሎችን በኢንተርኔት ኤክስፕሎረር መጠቀም ይችላሉ, ስያሜዎችን እንደ ኤች ቲ ኤም ኤል ለመለየት እንዲያደርጉት እስክሪፕቲንግን እና ጥቂት የዲ ኤኤፒ ክፍሎችን ማከል ይችላሉ.
DIV እና SECTION Elements ን መጠቀም
በትክክል ከተጠቀሙ, ሁለቱንም DIV እና SECTION አባሎችን በአንድ ትክክለኛ የ HTML5 ሰነድ መጠቀም ይችላሉ. በዚህ ጽሑፍ ውስጥ እንደተመለከትነው, SECTION ክፍሉን ይዘቱን በስምምነት-አልባ የተወሰኑ የይዘት ክፍሎችን ለማረም ትጠቀማለህ, እና የ DIV ኤለመንት እንደ ማህትሮች እና ጃቫስክሪፕት እንደ መንጠቆዎች እና እንደ ፍቺ ትርጓሜ የሌለውን አቀማመጥ መለየት ትጠቀማለህ.
የመጀመሪያ ጽሑፍ በጄኒፈር ክርኒን. በጄ.ሬሚ ጋራርድ የተስተካከለው በ 3/15/17