ዛሬ ለኢንዱን ኢንዱስትሪ ተጠያቂነት ያለው የድርን ደረጃዎች እንቅስቃሴ ቁልፍ መርህ በነባሪ በአሳሽ ውስጥ እንዴት ሊታዩ እንደሚችሉ ሳይሆን የኤችቲኤምኤል አባሎችን መጠቀም ላይ ሐሳብ ነው. ይሄ በሰነቲክ ኤችቲኤምኤል (ኤች.ቲ.ኤም.
ኤች. ኤም
የተጠቆመ ኤችቲኤምኤል ወይም የስነ-ህፃን ለውጥ በአስተያየት ላይ ሳይሆን ለድር ገጽ ትርጉምን የሚያቀርብ HTML ነው. ለምሳሌ, የ
መለያ እንደሚያመለክተው የታጠረ ጽሑፍ አንቀጽ ነው.
ይህ ሁለንተናዊ እና የአዘጋጃዊነት ነው, ምክንያቱም ሰዎች እንዴት አንቀጾች ምን እንደሆኑ እና አሳሾች እነዴት እነሱን ማሳየት እንደሚችሉ አውቀውታል.
በዚህ እኩል አቀማመጥ, እንደ እና ያሉ መለያዎች ትረካዎች አይደሉም, ምክንያቱም እነሱ የሚተረጉሙት ፅሁፉ እንዴት እንደሚታይ (ደማቅ ወይም ሰያፍ) እና ለማብራሪያው ምንም አይነት ትርጉም አይሰጥም.
የፍቺ መለያዎች
እስከ , , እና ያሉ የስምምነት ኤችቲኤምኤል መለያዎች ምሳሌዎች ይካተታሉ. ደረጃውን የጠበቀ ድር ጣቢያ በመገንባት ሊጠቀሙባቸው የሚችሉ ጠቀሜታ ያላቸው ኤችቲኤምኤል መለያዎች አሉ.
ስለ ሴማንቲክስ ቅድሚያ መስጠት ያለባችሁ ለምንድን ነው?
የትርጉም ኤች ቲ ኤም ኤል የማተሙ ጥቅማጥቅሞች የየትኛውም ድረ-ገጾችን የመመሪያ ግፊት ማለትም የመግባባት ፍላጎት የሚመነጭ ነው. የስነ-ፍቺ መለያዎችዎን ወደ ሰነድዎ በማከል ከዛው ሰነድ ጋር በመረጃ ልውውጥ የሚያግዝ ተጨማሪ መረጃ ይሰጣሉ. በተለይም, የስምምነት መለያዎች ለአሳሹ ግልጽ የሆነው የገፅ እና ይዘቱ ምን እንደሆነ.
ያ ግልጽነት በፍለጋ ሞተሮች ውስጥ ተገናኝቷል, ትክክለኛዎቹ ገጾች በትክክለኛው ጥያቄዎች ላይ መድረሳቸውን ያረጋግጣል.
የቲኤሜቲ ኤችቲኤም መለያዎች በአንድ ገጽ ላይ የሚታዩት ልክ ካልሆነ በስተቀር የእነዚያ መለያዎች ይዘቶች መረጃዎችን ያቀርባሉ. በ መለያ የተቀመጠው ጽሑፍ በአይፈለጊያው እንደ አንድ ዓይነት የኮድኛ ቋንቋ ዓይነት በአሳሹ እውቅና ይሰጠዋል.
ይህን ኮድ ለማስፈፀም ከመሞከር ይልቅ, የጽሑፉን ዓላማ እንደ አንድ ጽሑፍ ወይም የመስመር ላይ አጋዥ ስልጠናውን ያንን ጥቅስ እንደ ተጠቀመበት ይገነዘባል.
የስምምነት መለያዎችን በመጠቀም ይዘትዎን ለማጣመር ብዙ ተጨማሪ ማንቀሻዎችን ይሰጥዎታል. ምናልባት ዛሬ የእርስዎን የቅጂ ናሙናዎች በነባሪው የአሳሽ ቅጥ ላይ እንዲያሳዩ ይመርጡ ይሆናል, ነገ ግን ነጭ ቀለም ባለው የጀርባ ቀለም እንዲደውሉላቸው ይፈልጋሉ, እና በኋላ ለትርጉም የሚረዱ ትክክለኛ ቅርጸ ቁምፊ ቤተሰቦች ወይም ቅርጸ ቁምፊዎችን ለመለየት ይፈልጋሉ የእርስዎ ናሙናዎች. ስነ-ጥበባ ማነጣጠሪያን እና ስኬታማ የተተገበረውን CSS በመጠቀም እነዚህን ሁሉ ነገሮች በቀላሉ ማድረግ ይችላሉ.
የሰሜን ትንታኔ መለያ በትክክል ይጠቀሙ
የስምምነቶች መለያዎችን ለዝግጅት ዓላማ ከመግለጽ ይልቅ ትርጉምን ለማመልከት ሲፈልጉ ለተለመዱ ማሳያ ባህሪያቸው በተሳሳተ መንገድ እንዳይጠቀሙ ጥንቃቄ ማድረግ አለብዎት. በጣም በአብዛኛው ጥቅም ላይ የዋሉ የሶስቲክ መለያዎች የሚከተሉትን ያካትታሉ:
- blockquote - አንዳንድ ሰዎች የጥቅስ ያልተነበበ ጽሁፍ ለመግባት <ማሳሰቢያ> ጥቅል > ይጠቀማሉ. የዚህ ምክንያቱ ትንንሽ ቆጣቢዎች በነባሪነት ገብተዋል. የመግቢያ ጥቅሞች በቀላሉ ለማግኘት የሚፈልጉ ከሆነ, ነገር ግን ጽሁፉ የጥብቅ ቁጥጥር አይደለም, ይልቁንስ የሲ ኤስ ኤስ ሽፋኖችን ይጠቀሙ.
- p - አንዳንድ የድር አርታኢዎች ለገጹ ጽሑፍ ያሉ እውነተኛ አንቀጾችን ከመፈረስ ይልቅ በገጽ አባሪዎች መካከል ተጨማሪ ክፍተት ለመጨመር
& nbsp; (ክፍተት ውስጥ የተካተተ ክፍተት) ይጠቀማሉ. ከዚህ ቀደም በተገለጸው ምሳሌ ላይ እንዳሉት ሁሉ, ቦታ ለመጨመር ጠርዝ ወይም የልብስ ቅጥ ባህሪን መጠቀም አለብዎት.
- ul - እንደ
የሚለው ጽሁፍ በ መለያ ውስጥ ጽሁፉን በ <<ኡል> ምልክት ውስጥ ያንን ጽሑፍ በአብዛኛው አሳሾች ላይ እንዲገባ ያደርጋል. በ መለያ ውስጥ - መለያዎች ልክ እንደሆኑ ሁሉ ይህ በሁለቱም ሴሜታዊ ስህተት እና ልክ ያልሆነ HTML ነው. አሁንም ጽሑፍን ወደ ጽሁፉ ኅዳግ ወይም ጥቅል ቅጥ ተጠቀም.
- h1-h6 - የአርታክስ መለያዎች ቅርጸ ቁምፊዎች ትልቅ እና ይበልጥ ጠለቅ ያለ እንዲሆን ለማድረግ ሊያገለግሉ ይችላሉ, ነገር ግን ጽሑፉ ርእስ ካልሆነ በማዕረግ መለያ ውስጥ መሆን የለበትም. በገጽዎ ላይ የተወሰነውን ስፋት ወይም ክብደት ለመቀየር የሚፈልጉ ከሆነ የቅርጸ ቁምፊ ክብደት እና የቅርጸ ቁምፊ የ CSS ባህርያትን ይጠቀሙ.
ትርጉም ያላቸው የ HTML ምልክቶችን በመጠቀም ከ
መለያዎች ጋር ሁሉን ነገር በመጠበቅ ሳይሆን ተጨማሪ መረጃ የሚያቀርቡ ገጾች ይፈጥራሉ.
የትኞቹ ኤችቲኤምኤል መለያዎች የትኞቹ ናቸው?
ሁሉም የኤች.ቲ.ኤም.ኤል 4 መለያ እና ሁሉም የኤችቲኤምኤል 5 መለያዎች ፍቺ ያላቸው ፍችዎች ቢኖሩም, አንዳንድ መለያዎች በተፈጥሯቸው በመነሻነት የሚያያዙ ናቸው.
ለምሳሌ, ኤች.ቲ.ኤም. 5 የ እና መለያዎች ትረካ ትርጉምን እንዲሆን ዳግም አስቀምጧል. የ መለያ ተጨማሪ ጠቀሜታ አይደለም, ግን በተለምዶ ድሉ ላይ የተጻፈ ጽሑፍ ነው. መለያው ተጨማሪ ጠቀሜታ ወይም አፅንዖት አይሰጥም, ነገር ግን ይልቁን በመደብራዊ ቋንቋ የተተረጎመ ጽሑፍን ይተረጉመዋል.
Semantic HTML Tags
ምህፃረ ቃል <አህሮቢ> አሲዮሚ
ረጅም ጥቅስ ፍቺ <አድራሻ> የሰነዱ ደራሲ / ዶች አድራሻ ዋቢ <ኮድ> የማጣቀሻ ኮድ ቴሌፕሌት ጽሑፍ ምክንያታዊ ክፍፍል ውስጣዊ የውስጠ-መስመር ቅጥ መያዣ የተሰረዘ ጽሑፍ የገባ ጽሑፍ ተፅዕኖ ጠንካራ አጽንዖት
የመጀመሪያው ደረጃ ርእስ መስመር
ሁለተኛ-ደረጃ ርዕስ ርእስ
የሦስተኛ ደረጃ ርእስ መስመር
የአራተኛ ደረጃ ርእስ መስመር
አምስተኛ ደረጃ ርእስ መስመር
ስድስተኛ ደረጃ ርእስ መስመር
አስገራሚ እረፍት በተጠቃሚው የሚገባ ጽሑፍ <ቅድመ.> የቅድመ-ቅርጸት ጽሑፍ
አጭር መስመር ውስጥ ዋጋ የናሙና ውፅዓት <ንዑስ> ቅደም-ተከተል Superscript ተለዋዋጭ ወይም በተጠቃሚ የተብራራ ጽሑፍ
, እና ያሉ የስምምነት ኤችቲኤምኤል መለያዎች ምሳሌዎች ይካተታሉ. ደረጃውን የጠበቀ ድር ጣቢያ በመገንባት ሊጠቀሙባቸው የሚችሉ ጠቀሜታ ያላቸው ኤችቲኤምኤል መለያዎች አሉ.
ስለ ሴማንቲክስ ቅድሚያ መስጠት ያለባችሁ ለምንድን ነው?
የትርጉም ኤች ቲ ኤም ኤል የማተሙ ጥቅማጥቅሞች የየትኛውም ድረ-ገጾችን የመመሪያ ግፊት ማለትም የመግባባት ፍላጎት የሚመነጭ ነው. የስነ-ፍቺ መለያዎችዎን ወደ ሰነድዎ በማከል ከዛው ሰነድ ጋር በመረጃ ልውውጥ የሚያግዝ ተጨማሪ መረጃ ይሰጣሉ. በተለይም, የስምምነት መለያዎች ለአሳሹ ግልጽ የሆነው የገፅ እና ይዘቱ ምን እንደሆነ.
ያ ግልጽነት በፍለጋ ሞተሮች ውስጥ ተገናኝቷል, ትክክለኛዎቹ ገጾች በትክክለኛው ጥያቄዎች ላይ መድረሳቸውን ያረጋግጣል.
የቲኤሜቲ ኤችቲኤም መለያዎች በአንድ ገጽ ላይ የሚታዩት ልክ ካልሆነ በስተቀር የእነዚያ መለያዎች ይዘቶች መረጃዎችን ያቀርባሉ. በ መለያ የተቀመጠው ጽሑፍ በአይፈለጊያው እንደ አንድ ዓይነት የኮድኛ ቋንቋ ዓይነት በአሳሹ እውቅና ይሰጠዋል.
ይህን ኮድ ለማስፈፀም ከመሞከር ይልቅ, የጽሑፉን ዓላማ እንደ አንድ ጽሑፍ ወይም የመስመር ላይ አጋዥ ስልጠናውን ያንን ጥቅስ እንደ ተጠቀመበት ይገነዘባል.
የስምምነት መለያዎችን በመጠቀም ይዘትዎን ለማጣመር ብዙ ተጨማሪ ማንቀሻዎችን ይሰጥዎታል. ምናልባት ዛሬ የእርስዎን የቅጂ ናሙናዎች በነባሪው የአሳሽ ቅጥ ላይ እንዲያሳዩ ይመርጡ ይሆናል, ነገ ግን ነጭ ቀለም ባለው የጀርባ ቀለም እንዲደውሉላቸው ይፈልጋሉ, እና በኋላ ለትርጉም የሚረዱ ትክክለኛ ቅርጸ ቁምፊ ቤተሰቦች ወይም ቅርጸ ቁምፊዎችን ለመለየት ይፈልጋሉ የእርስዎ ናሙናዎች. ስነ-ጥበባ ማነጣጠሪያን እና ስኬታማ የተተገበረውን CSS በመጠቀም እነዚህን ሁሉ ነገሮች በቀላሉ ማድረግ ይችላሉ.
የሰሜን ትንታኔ መለያ በትክክል ይጠቀሙ
የስምምነቶች መለያዎችን ለዝግጅት ዓላማ ከመግለጽ ይልቅ ትርጉምን ለማመልከት ሲፈልጉ ለተለመዱ ማሳያ ባህሪያቸው በተሳሳተ መንገድ እንዳይጠቀሙ ጥንቃቄ ማድረግ አለብዎት. በጣም በአብዛኛው ጥቅም ላይ የዋሉ የሶስቲክ መለያዎች የሚከተሉትን ያካትታሉ:
- blockquote - አንዳንድ ሰዎች የጥቅስ ያልተነበበ ጽሁፍ ለመግባት <ማሳሰቢያ> ጥቅል > ይጠቀማሉ. የዚህ ምክንያቱ ትንንሽ ቆጣቢዎች በነባሪነት ገብተዋል. የመግቢያ ጥቅሞች በቀላሉ ለማግኘት የሚፈልጉ ከሆነ, ነገር ግን ጽሁፉ የጥብቅ ቁጥጥር አይደለም, ይልቁንስ የሲ ኤስ ኤስ ሽፋኖችን ይጠቀሙ.
- p - አንዳንድ የድር አርታኢዎች ለገጹ ጽሑፍ ያሉ እውነተኛ አንቀጾችን ከመፈረስ ይልቅ በገጽ አባሪዎች መካከል ተጨማሪ ክፍተት ለመጨመር
& nbsp; (ክፍተት ውስጥ የተካተተ ክፍተት) ይጠቀማሉ. ከዚህ ቀደም በተገለጸው ምሳሌ ላይ እንዳሉት ሁሉ, ቦታ ለመጨመር ጠርዝ ወይም የልብስ ቅጥ ባህሪን መጠቀም አለብዎት.
- ul - እንደ
የሚለው ጽሁፍ በ መለያ ውስጥ ጽሁፉን በ <<ኡል> ምልክት ውስጥ ያንን ጽሑፍ በአብዛኛው አሳሾች ላይ እንዲገባ ያደርጋል. በ መለያ ውስጥ - መለያዎች ልክ እንደሆኑ ሁሉ ይህ በሁለቱም ሴሜታዊ ስህተት እና ልክ ያልሆነ HTML ነው. አሁንም ጽሑፍን ወደ ጽሁፉ ኅዳግ ወይም ጥቅል ቅጥ ተጠቀም.
- h1-h6 - የአርታክስ መለያዎች ቅርጸ ቁምፊዎች ትልቅ እና ይበልጥ ጠለቅ ያለ እንዲሆን ለማድረግ ሊያገለግሉ ይችላሉ, ነገር ግን ጽሑፉ ርእስ ካልሆነ በማዕረግ መለያ ውስጥ መሆን የለበትም. በገጽዎ ላይ የተወሰነውን ስፋት ወይም ክብደት ለመቀየር የሚፈልጉ ከሆነ የቅርጸ ቁምፊ ክብደት እና የቅርጸ ቁምፊ የ CSS ባህርያትን ይጠቀሙ.
ትርጉም ያላቸው የ HTML ምልክቶችን በመጠቀም ከ
መለያዎች ጋር ሁሉን ነገር በመጠበቅ ሳይሆን ተጨማሪ መረጃ የሚያቀርቡ ገጾች ይፈጥራሉ.
የትኞቹ ኤችቲኤምኤል መለያዎች የትኞቹ ናቸው?
ሁሉም የኤች.ቲ.ኤም.ኤል 4 መለያ እና ሁሉም የኤችቲኤምኤል 5 መለያዎች ፍቺ ያላቸው ፍችዎች ቢኖሩም, አንዳንድ መለያዎች በተፈጥሯቸው በመነሻነት የሚያያዙ ናቸው.
ለምሳሌ, ኤች.ቲ.ኤም. 5 የ እና መለያዎች ትረካ ትርጉምን እንዲሆን ዳግም አስቀምጧል. የ መለያ ተጨማሪ ጠቀሜታ አይደለም, ግን በተለምዶ ድሉ ላይ የተጻፈ ጽሑፍ ነው. መለያው ተጨማሪ ጠቀሜታ ወይም አፅንዖት አይሰጥም, ነገር ግን ይልቁን በመደብራዊ ቋንቋ የተተረጎመ ጽሑፍን ይተረጉመዋል.
Semantic HTML Tags
ምህፃረ ቃል <አህሮቢ> አሲዮሚ
ረጅም ጥቅስ ፍቺ <አድራሻ> የሰነዱ ደራሲ / ዶች አድራሻ ዋቢ <ኮድ> የማጣቀሻ ኮድ ቴሌፕሌት ጽሑፍ ምክንያታዊ ክፍፍል ውስጣዊ የውስጠ-መስመር ቅጥ መያዣ የተሰረዘ ጽሑፍ የገባ ጽሑፍ ተፅዕኖ ጠንካራ አጽንዖት
የመጀመሪያው ደረጃ ርእስ መስመር
ሁለተኛ-ደረጃ ርዕስ ርእስ
የሦስተኛ ደረጃ ርእስ መስመር
የአራተኛ ደረጃ ርእስ መስመር
አምስተኛ ደረጃ ርእስ መስመር
ስድስተኛ ደረጃ ርእስ መስመር
አስገራሚ እረፍት በተጠቃሚው የሚገባ ጽሑፍ <ቅድመ.> የቅድመ-ቅርጸት ጽሑፍ
አጭር መስመር ውስጥ ዋጋ የናሙና ውፅዓት <ንዑስ> ቅደም-ተከተል Superscript ተለዋዋጭ ወይም በተጠቃሚ የተብራራ ጽሑፍ