HTML-ийн ач холбогдол

Вэб дизайны боловсрол тань эртнээс суралцах тэмдэгүүдийн нэг нь "анхааруулах тэмдэг" гэж нэрлэгдэх хос шошго юм. Эдгээр хаягууд нь юу вэ, тэдгээрийг вэбсайт дизайнд хэрхэн ашигладаг талаар авч үзье.

XHTML руу буцах

Хэрвээ HTML HTML-ыг өмнө нь мэдсэн бол HTML5-г хөгжүүлэхээс өмнө та зоримог болон налуу тэмдэглэгээг хоёуланг нь ашиглаж байсан байх. Эдгээр таагууд нь элементүүдийг зоримог текст эсвэл налуу текст болгон хувиргасан гэж бодож байна. Эдгээр хаягуудтай холбоотой асуудал, яагаад тэд шинэ элементүүдийг (бид удахгүй харах болно) яагаад хойшлуулав, тэдгээр нь семантик элемент биш юм. Энэ нь текстийн тухай мэдээлэл биш харин текстийг хэрхэн харуулахыг тодорхойлж байгаатай холбоотой юм. HTML (эдгээр хаягууд бичигдэх хаана байх вэ) гэдгийг бүгдийг нь хараарай. Вэбсайтууд нь CSS болон вэб дизайны шилдэг туршлагуудаар хангагдсан байдаг. Таны веб хуудсанд хэв маяг, бүтцийг тодорхой зааглах хэрэгтэй. Энэ нь бүдүүвчилсэн, элемент биш бүтцийг ашиглахгүй байхыг хэлнэ. Тиймээс зоримог болон налуу тэмдэглэгээ нь ерөнхийдөө (зоримог) болон онцлогийн хувьд (налуугаар) солигдсон байна.

& lt; хүчтэй & gt; болон & lt; em & gt;

Хүчтэй, онцлон тэмдэглэсэн элементүүд нь текстэндээ мэдээлэл нэмэх, агуулгыг нь өөрөөр авч үзэх ёстой контентуудыг нарийвчлан тодруулж, тухайн агуулгыг ярихад онцлон тэмдэглэдэг. Та эдгээр элементүүдийг урьд өмнө нь зоримог, налуу зураасан зургийг ашигласантай яг ижил аргаар ашигладаг. Зөвхөн нээлттэй текстийг нээж, хаах хаягууд (, гэсэн товчлолууд болон ба ) хүчтэй текстийг хүрээлэх ба хаалттай текстийг онцлох болно.

Та эдгээр хаягуудыг үүрэх боломжтой бөгөөд энэ нь гадны хаяг гэж юу байхаас үл хамаарна. Зарим жишээ энд байна.

Энэ текстийг онцлон бөгөөд ихэнх хөтчүүд үүнийг налуу байдлаар үзүүлдэг. Энэ текстийг маш их онцлон тэмдэглэсэн бөгөөд ихэнх хөтөч нь түүнийг тод хэлбэрээр харуулах болно.

Эдгээр жишээнүүдийн аль алиных нь хувьд бид HTML-т харагдах дүр төрхийг зааж өгөөгүй байна. Тийм, шошгын анхдагч харагдах байдал нь налуу байж болох бөгөөд тод харагдах болно, гэхдээ тэдгээр харагдах байдлыг CSS дээр амархан өөрчлөх боломжтой. Энэ бол дэлхийн хоёр шилдэг нь юм. Та документ дээрээ налуу болон бүтэц, хэв маягийг холихгүйгээр анхдагч вэб хөтчийн хэлбэрийг ашиглах боломжтой. Зөвхөн текстийг зоригтой байгаарай, гэхдээ улаан байхын тулд CSS-д нэмэх боломжтой

хүчтэй {
өнгө: улаан;
}

Энэ жишээнд та font-bold-файлын хувьд анхдагч утга учир хөрөнгийг нэмэх шаардлагагүй болно. Хэрэв та үүнийг санамсаргүйгээр орхихыг хүсэхгүй байгаа бол үргэлж үүнийг нэмж болно:

хүчтэй {
фонт-жин: зоримог;
өнгө: улаан;
}

Одоо та таагийг ашиглаж байгаа хаана зоримог (ба улаан) текст бүхий хуудастай байх баталгаатай болно.

Давтан анхаарлаа төвлөрүүлэх

Жилийн туршид би анзаарсан нэг зүйл бол онцгой анхаарал тавихыг хичээдэг зүйл юм. Жишээлбэл:

Энэ текст нь дотроо bolded ба налуугаар бичсэн тексттэй байх ёстой.

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

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

Тодруулга ба цифрүүдийн тухай тэмдэглэл

Төгсгөлд нь (bold) () болон налуу () тэмдэглэгээнүүдийг онцолсон элемент болгон ашиглахыг зөвлөдөггүй бөгөөд зарим текстийн талбаруудад хэв загварыг ашигладаг зарим вэб дизайнерууд байдаг. Үндсэндээ тэдгээр нь элемент шиг ашигладаг. Товууд нь маш богино учраас энэ нь гоё юм. Гэхдээ энэ элементүүдийг ийм байдлаар ашиглах нь ерөнхийдөө зөвлөдөггүй. Хэрэв та зарим нэг сайт дээр зоримог эсвэл налуу бичсэн текст үүсгэхийн тулд ашиглаагүй байгаа бол энд дурдъя. Гэхдээ бусад төрлийн харааны хэлбэрт зориулсан CSS дэгээ үүсгэх хэрэгтэй.

Женнифер Кэрнин эх нийтлэл. 12/2/16 дээр Жереми Герард засварлав.