በ div እና span መካከል ያለው ልዩነት

2024 ደራሲ ደራሲ: Alex Aldridge | [email protected]. ለመጨረሻ ጊዜ የተሻሻለው: 2023-12-17 13:31

ቁልፍ ልዩነት - div vs span

ኤችቲኤምኤል ድረ-ገጾችን ለማዘጋጀት በሰፊው ጥቅም ላይ የሚውል ቋንቋ ነው። እሱ የ Hyper Text Markup ቋንቋን ያመለክታል። Hyper የሚለው ቃል በበይነመረቡ ላይ ካሉ ሌሎች የድር ሀብቶች ጋር ማገናኘትን ያመለክታል። ማርከፕ የሚለው ቃል በምስሎች እና በሌሎች የመልቲሚዲያ ግብዓቶች የተቀረፀ ጽሑፍ የመፍጠር ችሎታን ያመለክታል። ሃይፐርሊንኮች በኤችቲኤምኤል ውስጥ ሁሉም የድር ሀብቶች አንድ ላይ እንዲገናኙ የሚያደርጉት ዋና ዋና ክፍሎች ናቸው። በርካታ የኤችቲኤምኤል ስሪቶች አሉ። ኤችቲኤምኤል 2.0፣ 3.2፣ 4.01 እና HTML5 ናቸው። በመሠረቱ ኤችቲኤምኤል መለያዎች ያለው የጽሑፍ ሰነድ ነው። ለድር አሳሹ ድረ-ገጹን ለማሳየት ድረ-ገጹን የሚያዋቅርበትን መንገድ ይነግረዋል። ዲቪ እና ስፓን በኤችቲኤምኤል ውስጥ ሁለት መለያዎች ናቸው።እያንዳንዱ የኤችቲኤምኤል ኤለመንት እንደ ኤለመንት አይነት የሚወሰን ነባሪ የማሳያ ዋጋ አለው። ስለዚህ, እነሱ እገዳ ወይም የመስመር ውስጥ አካላት ሊሆኑ ይችላሉ. ይህ ጽሑፍ በዲቪ እና በስፓን መካከል ያለውን ልዩነት ያብራራል. በዲቪ እና ስፓን መካከል ያለው ቁልፍ ልዩነት ዲቪ የማገጃ ደረጃ ኤለመንት ሲሆን span ደግሞ የውስጥ አካል ነው።

ዲቪ ምንድን ነው?

ሁሉም የኤችቲኤምኤል ሰነዶች የሚጀምሩት በሰነድ ዓይነት መግለጫ ነው። ዛሬ በጣም የተለመደው የኤችቲኤምኤል ስሪት HTML5 ነው። ስለዚህ, ዓይነት መግለጫው ነው. ሁሉም የኤችቲኤምኤል መለያዎች በ ውስጥ መካተት አለባቸው እና መለያዎች። የድረ-ገጹ አስፈላጊ ዝርዝሮች በመለያው ውስጥ ተካትተዋል። የሚታየው ድረ-ገጽ በመለያው ውስጥ ተጽፏል። ለእያንዳንዱ ዓላማ መለያዎች አሉ. የ

መለያ ለአንቀጾች ጥቅም ላይ ይውላል። የ

፣

ወዘተ ለርዕሶች ጥቅም ላይ ይውላሉ. በመነሻ እና በመጨረሻው መለያ ውስጥ ያለው ይዘት እንደ ኤለመንት ይታወቃል። ለምሳሌ

ይህ አንቀጽ ነው

።

ምስል 01፡ HTML5

እያንዳንዱ የኤችቲኤምኤል ኤለመንት እንደ ኤለመንት አይነት የሚወሰን ነባሪ የማሳያ ዋጋ አለው። ነባሪ የማሳያ ዋጋዎች አግድ ወይም መስመር ውስጥ ሊሆኑ ይችላሉ። የማገጃ ደረጃ አባሎች ሁልጊዜ በአዲስ መስመር ይጀምራሉ. እነዚህ ንጥረ ነገሮች ሙሉውን ስፋት ይወስዳሉ. አንዳንድ የማገጃ ደረጃ አባሎች ምሳሌዎች ናቸው።

፣ እና

።

የዲቪ መለያው በኤችቲኤምኤል ውስጥ የብሎክ ደረጃ አካል ነው። አገባቡ እንደሚከተለው ነው።

ሰላም አለም!

የዲቪ ኤለመንቶች ለሌሎች አካላት መያዣ ነው። ስለዚህ, የንጥረ ነገሮች ስብስብ በዲቪ ኤለመንቱ ውስጥ ሊታሸጉ ይችላሉ. ከካስካዲንግ ስታይል ሉህ (CSS) ጋር ጥቅም ላይ ሲውል ዲቪ ታግ የይዘት እገዳን ለመቅረጽ ጥቅም ላይ ሊውል ይችላል። ከታች ያለውን ኮድ ይመልከቱ።

ሁለት አንቀጾች በዲቪ መለያው ውስጥ ናቸው። በዲቪ መለያው ውስጥ ያለው ሁሉም ይዘት የጀርባው ቀለም ጥቁር እና የቅርጸ ቁምፊው ነጭ ነው።

ስፋት ምንድን ነው?

ከብሎክ ደረጃ ኤለመንቶች በተለየ የመስመር ውስጥ አባሎች በአዲስ መስመር ላይ አይጀምሩም። የሚፈለገውን ስፋት ብቻ ይወስዳል. አንዳንድ የመስመር ውስጥ አባሎች ምሳሌዎች,,ናቸው

እና

።

የስፔን መለያው በኤችቲኤምኤል ውስጥ ያለ የመስመር ውስጥ አካል ነው። አገባቡ እንደሚከተለው ነው።

ሰላም አለም!

ስእል 02፡ div እና span tag

የስፔን መለያው ለአንዳንድ ፅሁፎች እንደ መያዣ ነው። ይህ መለያ ከሲኤስኤስ ጋርም ጥቅም ላይ ሊውል ይችላል። ስለዚህ የጽሁፉ ክፍል በቅጥ ሊቀረጽ ይችላል። ከታች ያለውን ምሳሌ ተመልከት። 'አንቀጽ 1' በስፓን መለያ ውስጥ ነው። ቀለም የሲኤስኤስ ቅጥ ባህሪን በመጠቀም ታክሏል።

ይህ አንቀጽ 1 ነው።

በዲቪ እና ስፓን መካከል ያለው ተመሳሳይነት ምንድን ነው?

• ሁለቱም ዲቪ እና ስፓን መለያዎችን በኤችቲኤምኤል እያሰባሰቡ ነው።
• ሁለቱም ዲቪ እና ስፓን የመነሻ እና የማለቂያ መለያ ይይዛሉ።
• ሁለቱም div እና span የቅጥ ባህሪ ሊኖራቸው ይችላል።

በዲቪ እና ስፓን መካከል ያለው ልዩነት ምንድን ነው?

div vs span
ዲቪው ክፍፍልን ወይም በኤችቲኤምኤል ሰነድ ውስጥ ያለውን ክፍል የሚገልጽ HTML መለያ ነው።	ስፋቱ የኤችቲኤምኤል መለያ ሲሆን የመስመር ውስጥ ክፍሎችን በኤችቲኤምኤል ሰነድ ውስጥ ለመቧደን የሚያገለግል ነው።
አጠቃቀም
የዲቪ መለያው ለሌሎች አካላት እንደ መያዣ ጥቅም ላይ ይውላል።	የስፔን መለያው ለተወሰነ ጽሑፍ እንደ መያዣ ነው የሚያገለግለው።
አዲስ መስመር
የዲቪ መለያው የሚጀምረው በአዲስ መስመር ነው።	የስፔን መለያው በአዲስ መስመር አይጀምርም።
የሚፈለግ ስፋት
የዲቪ መለያው ሁሉንም ስፋት ይወስዳል።	የስፔን መለያው የሚፈለገውን ስፋት ብቻ ነው የሚወስደው።
አገባብ

ማጠቃለያ - div vs span

ኤችቲኤምኤል ማለት ሃይፐር ጽሑፍ ማርክፕ ቋንቋ ነው። ድር ጣቢያዎችን ለማዳበር ጥቅም ላይ ይውላል. ይህ ቋንቋ መለያዎችን ያካትታል። በኤችቲኤምኤል ውስጥ ዲቪ እና ስፓን መቧደን መለያዎች። በሰነድ ውስጥ ያለውን ክፍል ለመግለጽ ጥቅም ላይ ይውላሉ. ይህ መጣጥፍ በዲቪ እና በስፓን መለያዎች መካከል ያለውን ልዩነት አብራርቷል። በዲቪ እና ስፓን መካከል ያለው ልዩነት ዲቪ የማገጃ ደረጃ አካል ሲሆን እስፓን ደግሞ የመስመር ውስጥ አካል ነው።

የ div vs span PDF አውርድ

የዚህን ጽሁፍ ፒዲኤፍ ስሪት አውርደው በጥቅስ ማስታወሻ መሰረት ከመስመር ውጭ አላማዎች መጠቀም ይችላሉ። እባክዎ የፒዲኤፍ ሥሪቱን እዚህ ያውርዱ፡ በ div እና span መካከል ያለው ልዩነት