Тексттэй харьцуулсан индекс нь үндсэн шугамтай харьцуулахад тэмдэгтүүдийн шилжилтийг дээш эсвэл доош харуулна. Офсетийн эерэг эсвэл сөрөг утгаас хамааран индексийг дээд эсвэл доод гэж нэрлэдэг. Эдгээрийг математик, физик, хими, хэмжлийн нэгжийг тодорхойлоход идэвхтэй ашигладаг. HTML нь индекс үүсгэх хоёр элементийг санал болгодог: ^{(Англи хэлний дээд үсгээс) - дээд тэмдэг ба _{(Англи дэвсгэрээс) - доод индекс. Эдгээр савны аль нэгэнд байрлуулсан текст нь үндсэн текстээс бага хэмжээтэй байх бөгөөд үүнтэй харьцуулахад дээш эсвэл доош байрлалтай байна. Жишээ 1 харуулж байна хуваалцахтекстийн харагдах байдлыг өөрчлөхийн тулд заасан элементүүд болон хэв маяг.}}

Жишээ 1: Дээд болон доод тэмдэгт үүсгэх

Хоёрдугаар зэргийн гадаргуугийн шинж чанарын тэгшитгэл

λ ³-Би ₁λ ²+I ₂λ - би ₃ = 0

Жишээн дээр доод болон дээд тэмдэг хоёулаа нэгэн зэрэг гарч ирнэ. Индекс үсгийн хэв маягийг өөрчлөхийн тулд нэг төрлийн загварыг тохируулсан хэв маягийг ашигладаг (Зураг 1).

Цагаан будаа. 1. Загвар хэрэглэсний дараа индексүүдийг харах

Та үүнийг ашиглахаа бүрэн зогсоож болно ^{Тэгээд _{хэв маягийг дэмжинэ. Эдгээр элементүүдийн аналог нь босоо байрлалтай шинж чанар бөгөөд энэ нь текстийг босоо чиглэлд заасан зайд шилжүүлэхэд хүргэдэг. Тодруулбал, 2-р жишээн дээрх утга нь дээд тэмдэгтийн хувьд 0.8em, доод тэмдэгтийн хувьд -0.5em байна. Em нь одоогийн үсгийн хэмжээтэй тэнцүү харьцангуй нэгж юм. Жишээлбэл, 0.5em нь текстийг үсгийн хэмжээг хагасаар шилжүүлэх ёстойг харуулж байна.}}

Жишээ 2: Индексийг удирдахад хэв маягийг ашиглах

Зэрэглэлийн олон гишүүнт n

f(x) = a 0+ a 1 x + ... + a n-1 x n-1+a n x n

Жишээн дээр томъёог өөрөө томруулсан хэмжээгээр харуулсан, дээд тэмдэгтүүдийг улаанаар, доод тэмдгийг цэнхэр өнгөөр ​​​​будсан байна (Зураг 2).

Сайн уу. Заримдаа вэб хуудас үүсгэхдээ зарим үгийг зааж өгөх шаардлагатай байдаг css ашиглантом эсвэл дээд үсэг. Үүнийг хэрхэн хийснийг харцгаая.

css ашиглан том, жижиг үсэг

Ерөнхийдөө өнөөдөр ч гэсэн та хүссэн текстээ шошгонд хавсаргаж болно _{^{мөн хүссэн дэлгэцээ аваарай, гэхдээ техник нь арай өөр учраас үүнийг css ашиглан хэрхэн хийхийг бас харцгаая.}}

Жишээлбэл, та html баримт бичигт H 2 O томъёог бичих хэрэгтэй. Үүнийг дараах байдлаар хийдэг.

• Томъёо нь өөрөө бичигдсэн байдаг
• Дээд эсвэл доод индекст харуулах шаардлагатай үг, тоонууд нь span шошгонд хавсаргасан бөгөөд энэ нь тодорхой ангилагдах ёстой. Жишээ нь: гарах тэмдэгтүүд
• Css дээр та энэ элементийг тохируулах хэрэгтэй:

  Дээд индекс(
  Босоо зэрэгцүүлэх: супер;
  }

Энэ шинж чанар нь текстийн босоо байрлалыг хариуцдаг. Super утга нь текстийг дээд үсгээр харуулахыг заадаг. Гэхдээ үсгийн хэмжээ нь ердийн тексттэй ижил хэвээр байв. Бүх зүйлийг илүү сайхан харагдуулахын тулд font-size шинж чанарыг ашиглан үсгийн хэмжээг бага зэрэг багасгах хэрэгтэй.

Өмч нь ердөө л ингэж ажилладаг. Үүний дагуу, доод тэмдэгтээр гаргахын тулд та дараах байдлаар бичих хэрэгтэй.

Дээд индекс(
Босоо зэрэгцүүлэх: дэд;
}

Ижил төстэй HTML хаягуудаас ялгаатай нь эдгээр дүрмүүд нь үсгийн хэмжээг өөрчилдөггүй тул хэрэв та үүнийг хийх шаардлагатай бол загварын хуудсанд шинэ хэмжээ бичих хэрэгтэй болно.

Энэ бол css дээрх дээд тэмдэгт болон дэд тэмдэгтийн талаар мэдэхэд л хангалттай. Байхгүй нэмэлт функцуудэд хөрөнгө өгдөггүй бөгөөд тэдгээр нь шаардлагагүй. Хэрэв та хүсвэл энэ текстийг тусгай аргаар зохион байгуулж болно, гэхдээ энэ нь ховор шаардлагатай байдаг.

Энэ нь хэрэг болох газар

Томьёо бичих, өгүүлэлд тэмдэглэл, тэмдэглэл нэмэх зэрэгт дээд болон доод бичвэрийг ашиглаж болно. Жишээлбэл, Wikipedia нийтлэл бүрийн эх сурвалж, тэмдэглэлийг өгдөг. Өгүүллийн явц ахих тусам тэдгээрийг жижиг үсгийн хэлбэрээр байрлуулна. Энэ нь уншигчдыг цочроодоггүй бөгөөд үүнтэй зэрэгцэн нийтлэлүүдэд хүссэн дүр төрхийг өгөх боломжийг олгодог.

Энэ үл хөдлөх хөрөнгө нь бүрэн хөтчөөр ажилладаг бөгөөд бүх CSS хувилбаруудад дэмжигддэг.

HTML шошго _{Тэгээд ^{- Доод болон дээд тэмдэгтийн текст}}

Тодорхойлолт ба хэрэглээ

Tag _{шугам хоорондын текстийг тодорхойлдог. Шугаман текст нь өндрийн хагас бөгөөд үндсэн шугамын доор харагдана. H 2 O гэх мэт химийн томъёог бичихдээ шугам хоорондын текстийг ашиглаж болно.}

Tag ^{дээд тэмдэгтийн текстийг тодорхойлдог. Дээд скриптийн текст нь өндрийн тал нь бөгөөд үндсэн шугамаас дээш гарч ирнэ. WWW гэх мэт зүүлт тайлбарыг бичихдээ дээд тэмдэгтийн текстийг ашиглаж болно.}

Хөтөчийн дэмжлэг

Шошго _{Тэгээд ^{бүх гол хөтчүүд дэмжигддэг.}}

HTML ба XHTML хоёрын ялгаа

Стандарт шинж чанарууд

Багана DTD HTML 4.01/XHTML 1.0 DTD атрибутыг ямар төрлийн баримт бичигт ашиглахыг зөвшөөрдөгийг зааж өгнө. S=Strict, T=Transitional ба F=Frameset.

Шошго _{Тэгээд ^{дараах стандарт шинж чанаруудыг дэмжих:}}

Стандарт шинж чанаруудын талаарх дэлгэрэнгүй мэдээлэл.

Үйл явдлын шинж чанарууд

Шошго _{Тэгээд ^{дараах үйл явдлын шинж чанаруудыг дэмжих:}}

талаар дэлгэрэнгүй мэдээлэл

Хэд хэдэн хичээлийн турш бид CSS ашиглан текстийг форматлах талаар илүү боловсронгуй болж байгаа бөгөөд энэ удаад бид текстийн том үсгийг хэрхэн өөрчлөх талаар суралцаж байна. Үүнтэй холбогдуулан каскадын загварын хуудас нь бидэнд маш өргөн боломжийг нээж өгдөг бөгөөд илүү нарийвчлалтай хэлэхэд бид:

• Бүх текстийг том үсгээр харуулах;
• Бүх текстийг жижиг үсгээр сонгох;
• Үг бүрийн эхний үсэг том үсгээр эхэлсэн эсэхийг шалгаарай.

"Мэдээж энэ бүхэн сайн, гэхдээ хэзээ хэрэгтэй болох вэ?" - чи асууж байна. Цэсийн бүх зүйлийг том үсгээр харуулах шаардлагатай нөхцөл байдлыг төсөөлөөд үз дээ. Үүнийг хийхийн тулд CapsLock товчлуурыг оруулаад эсвэл Shift товчийг дарж байхдаа тэдгээрийг бичих шаардлагагүй. CSS файлд харгалзах дүрмийг үүсгэснээр жагсаалтын бүх зүйлийг том үсгээр харуулахад хангалттай. Мөн энэ бол олон боломжит нөхцөл байдлын зөвхөн нэг нь юм.

текст хувиргах шинж чанар

Бид текст хувиргах шинж чанарыг ашиглан текстийн тохиолдлыг хянах болно. Энэ нь 4 үндсэн утгатай - том үсгээр (том үсэг), жижиг үсэг (жижиг үсэг), том үсгээр (үгний эхний үсэг бүрийн хувьд том үсэг, бусад утгууд өөрчлөгдөхгүй), аль нь ч биш (форматыг ашиглахгүй) . Эхлээд харахад энэ бүхэн танд маш төвөгтэй мэт санагдаж магадгүй юм.

Гэхдээ практик дээр бүх зүйл маш энгийн бөгөөд та одоо харах болно. Гол зүйл бол зөв сонгогчийг сонгох явдал юм, учир нь текст хувиргах шинж чанарын утгууд өвлөгддөг.

Томоор бичих

Юуны өмнө би бүх текстийг том үсгээр бичихийг санал болгож байна, үүний тулд бид дараах CSS дүрмийг бий болгоно.

Үндсэн хэсэг (текст хувиргах: том үсгээр; )

Зарчмын хувьд ямар ч төвөгтэй зүйл байхгүй, бид зүгээр л том үсгийг ашигласан. Тэдний хэлснээр бүх зүйл зөн совинтой байдаг. Бодит амьдрал дээр иймэрхүү харагдаж байна:

Жижиг үсэг - бүгдэд хэрэглэнэ

Дараагийн алхам бол жижиг үсгийг хаа сайгүй бичих бөгөөд дараахыг бичнэ.

Үндсэн хэсэг (текст хувиргах: жижиг үсгээр; )

Бидний саяхан танилцсан хоёр утга нь тодорхой хэмжээгээр эсрэг утгатай байх болно гэдгийг та аль хэдийн таамаглаж байсан байх. Доорх зурган дээр та шинээр бий болсон үл хөдлөх хөрөнгийн үр дүнг харж болно.

Үг бүрийн эхний үсгийг томоор бичнэ үү

Үүнийг хийхийн тулд бид зөвхөн тохирох утгыг ашиглах хэрэгтэй:

Үндсэн хэсэг (текст хувиргах: томоор бичих; )

Та ийм CSS дүрмийг хэр олон удаа ашиглахыг мэдэхгүй байна, гэхдээ ийм боломжийн талаар мэдэх нь танд хор хөнөөл учруулахгүй, ялангуяа чухал бус асуудлыг шийдвэрлэхэд. Үр дүнг доорх зурган дээрээс харж болно.

Эцэст нь, сүүлчийн утгыг хурдан харцгаая - үгүй. Би аль хэдийн хэлсэнчлэн үүнийг эцэг эхээс өв залгамжлалыг цуцлахад ашиглаж болно. Жишээлбэл, бид өмнөх бүх дүрмүүд хүчин төгөлдөр байгаа гэж төсөөлөөд үз дээ, догол мөрүүдийн хувьд бид тэдгээрийг цуцлах хэрэгтэй, үүний тулд бид дараахь зүйлийг бичнэ.

P (текст хувиргах: байхгүй; )

Бүх зүйл танд ойлгомжтой байгаа гэж би зүрхлэх болно, хэрэв үгүй ​​бол асуултаа сэтгэгдэл дээр асуугаарай. Энэ бол миний хувьд. Энэ CSS заавар танд хэрэг болсон гэж найдаж байна. Хэрэв тийм бол:

• Энэ нийтлэлийг дахин нийтлээрэй нийгмийн сүлжээнүүдингэснээр илүү олон хүн үүнээс ашиг хүртэх болно;
• Хэрэгтэй, сонирхолтой блог нийтлэлүүдийг алдахгүйн тулд миний мэдээллийн товхимолд бүртгүүлээрэй.

Энд би чамтай баяртай гэж хэлэхгүй байна. Анхаарал тавьсанд баярлалаа, дараагийн хэвлэлүүдэд уулзацгаая!