በሲኤስኤስ ቅርጻ ቅርጾችን ይስሩ

ርእሰ አንቀጾችን ለማስጌጥ ፎንት ቅርጾችን, ዳርቻዎችን እና ምስሎችን ይጠቀሙ

ርዕሰ ዜናዎች በአብዛኛዎቹ ድረ ገጾች የተለመዱ ናቸው. በእርግጥ, ማንኛውም የጽሑፍ ሰነድ ቢያንስ አንድ ርእስ ሊኖረው ይችላል, ይህም የሚያነቡትን ማዕረግ ይወቁ. እነዚህ አርዕስተ ዜናዎች የኤችቲኤም ራስ ቁምፊዎችን - h1, h2, h3, h4, h5 እና h6 በመጠቀም ኮድ ይፈጠራሉ.

በአንዳንድ ጣቢያዎች, እነዚህ አርእስቶች እነዚህን ሳምኖችን ሳይጠቀሙ ኮድ ሊሰጡት ይችላሉ. በምትኩ ግን, ርዕሰ ዜናዎች አንቀጾችን ከነሱ ጋር የተጨመሩ የተወሰኑ የትምህርት ዓይነቶች ወይም ከክፍል አባለ ነገሮች ጋር ክፋዮች ሊጠቀሙ ይችላሉ. ስለ ይህ የተሳሳተ ልምምድ ብዙ ጊዜ የምሰማው ምክንያት ንድፍ አውጪው "ራስጌ አቀማመጦችን አይወድም" ነው. በነባሪ, ርዕሶቹ በደማቁ እና በይበልጥ መጠን, በተለይ h1 እና h2 አባሎች እጅግ በጣም ትልቅ የቅርጸ-ቁምፊ መጠን ካላቸው የቀረው የጽሑፍ ጽሑፍ ጋር የሚጎለብቱ ናቸው. ይሄ የእነዚህ ንጥረ ነገሮች ነባሪ እይታ ብቻ መሆኑን ልብ ይበሉ! በሲኤስኤል, የሚፈልጉትን ነገር ግን ራስዎን ማየት ይችላሉ! የቅርጸ ቁምፊ መጠኑን መቀየር, ደፋር ማድረግ እና ብዙ ተጨማሪ ነገሮችን ማድረግ ይችላሉ. ርእሶች የአንድ ገጽ ርእሰ አንቀፆችን ለማተም ተገቢው መንገድ ናቸው. ምክንያቶች የሚከተሉት ናቸው.

ለምን የራስጌ ምድጃዎችን አይጠቀሙም DIVs እና Styling ይልቅ

እንደ መኪና መለያዎች አይነት መፈለጊያዎችን ይፈልጉ


ይህ ርእሶችን ለመጠቀም ጥሩ ምክንያት ነው, እና በትክክለኛ ቅደም ተከተል ይጠቀሙ (ማለትም, h1, ከዚያም h2, እና h3, ወዘተ.). የፍለጋ ሞተሮች በውስጣቸው ርእስ መለያዎች ውስጥ የተካተቱትን ከፍተኛውን ወጤቶች ይሰጣሉ, ምክንያቱም ለዛ ጽሑፍ ጥምረት ዋጋ ስላለው. በሌላ አባባል, የገጽዎን ርዕስ H1 በመስጠት በመሰየም, የገጹ # 1 ትኩረቱ የሆነውን የፍለጋ መፈለጊያ ንጣፍ ይነግሩታል. የ H2 ርእሶች የ # 2 ትኩረት እና ወዘተ.

ዋና ዋና ዜናዎችዎን ለመለየት ጥቅም ላይ የዋሉ የትኞቹ የመማሪያ ክፍሎችን ማስታወስ አይኖርብዎትም

ሁሉም ድረ ገፆችዎ ደማቅ, 2 ኛ, እና ቢጫ መኖሩን ካወቁ በሃላ ዘይቤዎ ውስጥ አንድ ጊዜ መፈጸም እንደሚችሉ መግለፅ ይችላሉ. ከ 6 ወራት በኋላ, ሌላ ገጽ ሲያክሉ, በገጽዎ ላይኛው ክፍል ላይ H1 መለያ ይጨመርዎታል, ወደ ሌላ ገጾች መሄድ አይኖርብዎትም, ዋናውን ገጽታ ለመለየት እርስዎ የተጠቀሙበት የቅጥ ወረቀት ወይም ክፍል ርዕሰ እና ንዑስ ራሶች.

ጠንካራ ገጽታን ያቀርባሉ

ጽሑፎችን ለማንበብ ቀላል እንዲሆን ያደርጋሉ. ለዚያም ነው አብዛኛዎቹ የዩኤስ ትምህርት ቤቶች ተማሪዎቹን ወረቀት ከመጻፋቸው በፊት መዋቅሩን እንዲፅፉ ያስተምሩ ነበር. የአርእስት መለያዎችን በቅደም ተከተል ቅርጸት ሲጠቀሙ, ጽሁፍዎ በጣም ፈጣን በሆነ ግልጽነት ግልጽ የሆነ መዋቅር አለው. በተጨማሪም, አረፍተ ነገሮችን ለማቅረብ ገጹን ለመገምገም የሚረዱ መሳሪያዎች እና እነዚህ ለትርጉሙ መዋቅር በ አርእስት መለያዎች ላይ የተመሰረቱ ናቸው.

የእርስዎ ገጽ ከቋሚው አመጣጥ ጋር ተመሳሳይ ነገር ይሠራል

ሁሉም የቅጥ ሉሆችን ማየት ወይም መጠቀም አይችልም (እና ይሄ ወደ # 1 ተመልሷል - የፍለጋ ሞተሮች የእርስዎን ገጽ ይዘት (ጽሑፍ) ይመልከቱ, የቅጥ ሉሆችን ሳይሆን. የርእስ መለያዎችን ከተጠቀሙ, ርዕሰ ዜናዎች የዲቪኤ ምልክት የማያደርግ መረጃዎችን ስለሚያቀርቡ, ገጾችዎን ይበልጥ ተደራሽ ያደርጉታል.

ለስክሪን አንባቢዎች እና ድርጣቢያ ተደራሽነት ጠቃሚ ነው

ርእሶችን በተገቢው መንገድ መጠቀም ለዶክመንቱ አመክንዮአዊ መዋቅር ይፈጥራል. ይሄ ማያ ገጽ አንባቢ ለአይን ጉዳተኞች ተደራሽ እንዲሆንላቸው የማየት ችግር ላለበት ተጠቃሚ ጣቢያውን «እንዲያነቡ» የሚጠቀሙበት ነው.

የዋና ርእሶችዎን ጽሑፍ እና ቅርጸ-ቁምፊን ይግለጹ

ከ "ትልቅ, ደማቅ, እና አስቀያሚ" የእርጎማ መለያዎች ችግር ለመውጣት በጣም ቀላሉ መንገድ ጽሑፍን እንዲመስሉበት በሚፈልጉት መልኩ ማሰልጠን ነው. በእርግጥ, በአዲሱ ድር ጣቢያ ላይ ስሠራ, በአብዛኛው አንቀጹን, h1, h2, እና h3 ቅጦችን የመጀመሪያውን ነገር ጻፍኩ. እኔ ብዙውን ጊዜ ከቅርጸ-ቁምፊ ቤተሰብ እና ከመጠን / ክብደት ጋር እጠቀማለሁ. ለምሳሌ, ይህ ለአዲሱ ጣቢያ የመጀመሪያ ደረጃ ሉህ ቅጥ ሊሆን ይችላል (እነዚህ ሊሰሩ የሚችሉ የተወሰኑ ለምሳሌ ቅጦች ብቻ ናቸው):

body, html {margin: 0; ማጣበቂያ: 0; } p {ቅርጸ-ቁምፊ: 1 ኛ ኤሪያል, ጄኔቫ, ሄልፊታካ, ያለ-ሰሪፍ; } h1 {font: bold 2em "Times New Roman", Times, serif; } h2 {ቅርጸ-ቁምፊ: ደማቅ 1.5 አም "Times New Roman", Times, serif; } h3 {ቅርጸ-ቁምፊ: ደማቅ 1.2 አሪየርስ, ጄኔቫ, ሔልፊታካ, ያለ-ሰሪፍ; }

የልኡክ ጽሁፍዎን ቅርጸ ቁምፊዎች መቀየር ወይም የጽሑፍ ቅጥ ወይም የጽሑፍ ቀለም መቀየር ይችላሉ . እነዚህ ሁሉ የእርሶን "አስቀያሚ" ርዕሰ-ጉዳይ ይበልጥ ተጨባጭ እና ከንድፍዎ ጋር ይጣጣማሉ.

h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; ኅዳግ: 0; ማጣበቂያ: 0; ቀለም # e7ce00; }

ድንበሮች የዜና ርዕሶችን መስራት ይችላሉ

ድንበሮች ዋና ዜናዎችዎን ለማሻሻል ታላቅ መንገድ ናቸው. እና ጠርዞች ለመጨመር ቀላል ናቸው. ነገር ግን ድንበሩን መሞከርን አይርሱ - በርዕሰ-መስመርዎ በሁለቱም ጎኖች ላይ ድንበር አያስፈልግም. እና ከመደበኛ አሰልቺ ድንበሮች በላይ ሊጠቀሙ ይችላሉ.

h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; ኅዳግ: 0; ማጣበቂያ: 0; ቀለም # e7ce00; የድንበር-ጫፍ: ጠንካራ # e7ce00 መካከለኛ; ጠርዝ-ታች: ነጥብ # e7ce00 ቀጭን; ስፋት: 600 ፒክስል; }

አንዳንድ የአሳታፊ ቅጦችን ለማስተዋወቅ ከርነጌቴ ርዕሰ ዜናው ውስጥ ከላይ እና ከታች ጠርዝ አከልኩ. የሚፈልጉትን የዲዛይን አይነት መድረስ በፈለጉት መንገድ ክፈፎችን ማከል ይችላሉ.

ለበለጠ የጀርባ ምስሎችን ለራስዎ ርዕሰ ዜናዎች ይጨምሩ

ብዙ ድረ ገጾች ገጹ ላይኛው ራስጌ የራስጌ ክፍል አላቸው. አብዛኛዎቹ ዲዛይተሮች ይህን እንደ ሁለት የተለያዩ ክፍሎች አድርገው ያስባሉ, ነገር ግን እርስዎ አያስፈልጋቸውም. አርዕስተቱን ርዕሱን ለማስጌጥ እዚያው ከሆነ, ወደ ርዕሱ ቅጦች ለምን አታክለው?

h1 {font: bold italic 3em / 1em "Times New Roman", "MS Serif", "New York", serif; ጀርባ: #fff url ("fancyheadline.jpg") ድግግሞሽ-ታች ታች; ድብዳብ: 0.5em 0 90px 0; ጽሑፍ-አሰላለፍ; መሃል; ኅዳግ: 0; ከታች-ታች: ጠንካራ # e7ce00 0.25em; ቀለም # e7ce00; }

በዚህ ርዕሰ-ጉዳይ ላይ ያለው ሽፋን ምስሌ 90 ፒክስሎች ርዝማኔ መሆኑን አውቃለሁ. ስለዚህ በ 90 ፒክሰል ርእስ ( ፓድ ማይኒንግ: 0.5 0 90px 0p; በመስመሮች, በመስመሮች-ቁመት, እና በጋጋታ መስመሮች ላይ የጹሁፍ ርእሰ-ቃሉ በትክክል ከትትፈልጋቸው እንዲታይ ማድረግ ይችላሉ.

ምስሎችን ሲጠቀሙ ማስታወስ ያለባቸው አንድ ነገር ምላሽ ሰጪ ድር ጣቢያ (እርስዎ ማለት ነው) በመጠምዘዝ መጠን እና በመሣሪያዎች ላይ በተመሰረተ አቀማመጥ ላይ ከሆነ, ርዕሰ ዜና ሁልጊዜ ተመሳሳይ መጠን አይሆንም. ዋና ርዕስዎ ትክክለኛ መጠን እንዲሆን ከፈለጉ ይሄ ችግሮችን ሊያስከትል ይችላል. የጀርባ ምስሎችን በአርዕስት ላይ በተለይም አንዳንድ ጊዜ የሚመለከቱትን ያህል ቀስ በቀስ ያስወግዳል.

የምስል ምትክ በዜና ርዕሶችን ይግለጹ

ይህ ለድር ዲዛይኖች ሌላ የታወቀ ቴክኒክ ነው, ምክንያቱም ግራፊክ ርዕሰ-ፊደል እንዲፈጥሩ እና በመግቢያው ርዕሱ ላይ ምስሉን ይተኩ. ይሄ እውነት ነው ከድር ዲዛይነሮች ያነሱ ጥቂት ቅርፀ ቁምፊዎችን ያገኙ ሲሆን በስራቸው ውስጥ የበለጠ ቆንጆ ቅርፀ ቁምፊዎችን ለመጠቀም ፈለጉ. የድረ-ገጽ ቅርፀ ቁምፊዎች መጨመር በእውነት ዲዛይኖች ጣቢያዎችን ወደ አካባቢያቸው እንዴት እንደሚመለከቱ ለውጦታል. ዋና ዜናዎች አሁን በተለያየ ቅርጸ-ቁምፊ እና ምስሎች ውስጥ ሊዘጋጁ ይችላሉ. እንደዚያም, ወደ ዘመናዊው ልምዶች ገና ያልተዘመን ገና በቆዩ ድረገፆች ላይ ለፊልድ ርዕሰ ዜናዎች ብቻ የሲኤስኤል ምስሎችን ማግኘት ይችላሉ.

የመጀመሪያ ጽሑፍ በጄኒፈር ክርኒን. በ 9/6/17 በጄረሚ ጋራርድ የተስተካከለው