Вэб дизайны ертөнцийг судлах ажил эхлэх үеэр танд шинэ зүйл болох хэд хэдэн үг, өгүүлбэрийг танилцуулах нь эргэлзээгүй. Та магадгүй "markup" буюу магадгүй "markup language" гэж нэрлэгдэх нэр томъёоны нэг юм. "Тэмдэглэгээ" нь "код" -оос ялгаатай нь, зарим вэб мэргэжилтнүүд эдгээр нэр томъёог харилцан адилгүй байдлаар хэрэглэдэг болов уу? Эхлээд "тэмдэглэгээний хэл" гэж юу болохыг харцгаая.
3 тэмдэглэгээний хэлийг харцгаая
"ML" бүхий вэбсайт дээрх бараг бүх үг нь "markup language" (том гэнэтийн зүйл бол "ML" гэсэн утгатай). Тэмдэглэгээний хэл нь вэб хуудас эсвэл бүх хэлбэр, хэмжээг бий болгоход хэрэглэгддэг барилгын блок юм.
Үнэн хэрэгтээ дэлхий дээрх олон янзын тэмдэглэгээний хэлүүд байдаг. Вэб дизайн, хөгжүүлэлтийн хувьд та бүхэн таних боломжтой гурван тусгай тэмдэглэгээний хэлүүд байдаг. Эдгээр нь HTML, XML, XHTML юм.
Маркулийн хэл гэж юу вэ?
Энэ нэр томъёог зөв тодорхойлохын тулд - тэмдэглэгээний хэл нь текстийг тэмдэглэдэг хэл юм. Ингэснээр компьютер тэрхүү текстийг удирдах болно. Ихэнх тэмдэглэгээний хэл нь уншигдахуйц хүн юм. Учир нь тэмдэглэл нь тэдгээрийг текстээс ялгах замаар бичдэг. Жишээлбэл, HTML, XML, XHTML, тэмдэглэгээний хаягууд нь <ба>. Эдгээр тэмдэгтүүдийн аль нэг текст дотор гарч ирдэг текст нь тэмдэглэгдсэн хэлнүүдийн нэг хэсэг бөгөөд тэмдэглэгдсэн текстийн хэсэг биш юм.
Жишээлбэл:
Энэ бол HTML-д бичсэн текстийн догол мөр юм
Энэ жишээ нь HTML догол мөр юм. Энэ нь нээлтийн таг (
), хаалтын таг (), дэлгэц дээр харагдах яг таг текст (энэ нь хоёр тэмдэгтийн хооронд агуулагдсан текст юм). Tag бүр нь тэмдэглэгээний хэсэг болгон "тэмдэглэгээнээс бага" ба "агуу" тэмдгийг агуулдаг.
Текстыг компьютер эсвэл бусад төхөөрөмжийн дэлгэц дээр харуулах форматлахдаа та текст болон заавруудын хооронд ялгах хэрэгтэй. "Тэмдэглэгээ" нь текстийг үзүүлэх буюу хэвлэх заавар юм.
Markup компьютерийн уншигдахуйц байх албагүй. Хэвлэмэл эсвэл номонд хийсэн тэмдэглэлүүд нь тэмдэглэгээ гэж тооцогддог. Жишээлбэл, сургуульд сурч байгаа олон сурагчдад текст номон дээрээ зарим хэлц үгсийг тодруулна. Энэ нь онцлон бичсэн текст нь хүрээлэн буй текстээс илүү чухал болохыг харуулна. Тодруулга өнгө нь markup гэж тооцогддог.
Markup нь тухайн тэмдэглэгээг хэрхэн бичих болон хэрэглэх талаар дүрмийг агуулдаг хэл юм. Тэрхүү сурагч нь "ягаан өнгийн тодруулагч нь тодорхойлолтын хувьд" тод өнгийн тодруулагч нь шалгалтын дэлгэрэнгүй мэдээлэл, шалгалтын дэлгэрэнгүй мэдээлэл, мөнгөн тэмдэгтийн харандаа тэмдэглэл зэрэг нэмэлт эх сурвалжтай кодчилдог бол "тэмдэглэл хөтлөх хэл" байж болно.
Ихэнх тэмдэглэгээний хэл нь олон янзын хүмүүсийн хэрэглэдэг гадны байгууллагаар тодорхойлогддог. Вэбийн ажлын тэмдэглэгээний хэлүүд ийм байна. Тэдгээр нь W3C, эсвэл World Wide Web Consortium-ээр тодорхойлогддог .
HTML-HyperText Markup Language
HTML эсвэл HyperText Markup Language нь вэбсайтын үндсэн хэл бөгөөд хамгийн нийтлэг зүйл бол вэб дизайнер / хөгжүүлэгчийн хувьд ажиллах болно.
Үнэндээ энэ нь таны ажилд ашигладаг цорын ганц тэмдэглэгээний хэл байж болох юм.
Бүх вэбсайтууд HTML-ийн амтаар бичигдсэн. HTML нь вэб хөтчүүдэд дүрс , мултимедиа, текстийг харуулах арга замыг тодорхойлдог. Энэ хэл нь таны баримтыг (hypertext) холбох элементүүдийг агуулдаг бөгөөд вэб баримт бичгүүдийг интерактив (маягт гэх мэт) хийх боломжтой. Олон хүмүүс HTML "вэбсайтын код" гэж нэрлэдэг боловч үнэндээ энэ бол үнэхээр тэмдэглэгээний хэл юм. Энэ нэр томъёо нь хатуу ч гэсэн та нар, хүмүүсийг, түүний дотор вэб мэргэжилтнүүд, эдгээр хоёр нэр томъёог ээлжлэн сольж хэрэглэнэ.
HTML бол стандарт тэмдэглэгээний хэл юм. Энэ нь SGML (Standard Generalized Markup Language) дээр тулгуурладаг.
Энэ бол таны текстийн бүтцийг тодорхойлохын тулд хаягуудыг ашигладаг хэл юм. Элементууд ба тэмдэглэгээг <ба> тэмдэгтээр тодорхойлно.
Хэдийгээр HTML нь өнөө үед Вэб дээр ашиглагддаг хамгийн түгээмэл тэмдэглэгээний хэллэг боловч вэб хөгжүүлэх цорын ганц сонголт биш юм. HTML хөгжүүлэгдсэн тул энэ нь илүү төвөгтэй болсон бөгөөд загвар, агуулгын хаягууд нэг хэлээр нэгтгэгддэг. Эцэст нь W3C нь веб хуудас болон агуулга хоёрын хооронд салгах хэрэгцээ байгааг шийджээ. Зөвхөн агуулгыг тодорхойлж өгсөн шошгон дээр HTML хэвээр үлдэх бөгөөд хэв маяг нь CSS-г (Cascading Style Sheets) дэмжсэнээр хуучирсан хэвээр байна.
HTML-ийн хамгийн шинэ дугаарлагдсан хувилбар нь HTML5 юм. Энэ хувилбар нь HTML-д илүү олон функцыг нэмсэн бөгөөд XHTML-ийн тогтоосон хатуу чангалалтын заримыг (энэ хэл дээр удахгүй) хассан.
HTML-г гаргасан арга HTML5-ийн өсөлттэй хамт өөрчлөгдсөн. Өнөөдөр, шинэ функц, өөрчлөлтүүд нь шинэ, дугаарлагдсан хувилбар гарах шаардлагагүй боллоо. Хэлний хамгийн сүүлийн хувилбарыг "HTML" гэж нэрлэдэг.
XML-eXtensible Markup Language
EXtensible Markup Language нь өөр нэг хувилбар HTML дээр суурилсан хэл юм. HTML-ийн адилаар XML нь SGML-ээр эхэлдэг. Энэ нь SGML-ээс бага хатуу бөгөөд энгийн HTML-ээс илүү хатуу. XML нь төрөл бүрийн хэлүүдийг үүсгэх өргөтгөлийг өгдөг.
XML нь тэмдэглэгээний хэлнүүдийн хувьд хэл юм. Жишээлбэл, хэрэв та угийн бичвэр дээр ажиллаж байгаа бол, та XML, XML, XML, XML, XML, XML, XML, XML, XML, XML, XML, XML, XML, XML, XML,
Математикийг тодорхойлох MathMLML, SMTP, мультимедиа, XHTML зэрэг бусад олон стандартчилагдсан хэлүүд бий.
XHTML-eXtended HyperText Markup Language
XHTML 1.0 HTML 4.0 нь XML стандартыг хангахын тулд дахин тодорхойлж байна. XHTML нь HTML5-тай орчин үеийн вэб дизайнд хийгдсэн бөгөөд үүнээс хойш гарсан өөрчлөлтүүд юм. Та XHTML-ийг ашиглаж байгаа шинэ сайтуудыг олох магадлал багатай байдаг, гэхдээ хэрэв та хуучин сайт дээр ажиллаж байгаа бол та XHTML-ийг зэрлэгээр туулж байж магадгүй юм.
HTML болон XHTML-ийн хооронд маш олон ялгаа байдаггүй, гэхдээ та дараах зүйлсийг анзаарах болно:
- XHTML нь бага тохиолдолд бичигдсэн. HTML хаягууд UPPER тохиолдол, MiXeD кейс, эсвэл бага тохиолдолд бичиж болох боловч зөв байхын тулд XHTML хаягууд бүгд бага байх ёстой. (Тэмдэглэл - олон вэб мэргэжилтнүүд техникийн шаардлагатай биш ч гэсэн бүх жижиг үсгээр HTML бичнэ).
- Бүх XHTML элементүүд төгсгөлийн хаягтай байх ёстой. Зөвхөн нэг тэмдэг бүхий элементүүд, тагтай төгсгөлд хаах зураас (/) хэрэгтэй:
- Бүх шинж чанарууд XHTML-д ишлэгдсэн байх ёстой. Зарим хүмүүс зайг хэмнэх шинж чанаруудыг тойрон гарах боловч XHTML-ийг зөв болгох шаардлагатай байдаг.
- XHTML нь шошго зөв эсэхийг шалгадаг. Хэрэв та bold () элемент нээх, налууд () элементийг нээвэл bold () хаахаас өмнө налуу элементүүдийг () хаах хэрэгтэй. (Эдгээр элементүүд нь хоцрогдсон элементүүд учраас эдгээр элементүүд хуучирсан байна.Эдгээр HTML нь одоо ба нь эдгээр хоёр байрлалд байдаг)
- HTML Аттрибутууд нь нэр болон утгатай байх ёстой. HTML-ийн бие даасан шинж чанарууд нь мөн утгатай байх ёстой, жишээ нь, HR attribute нь noshade = "noshade" гэж бичнэ.
Женнифер Кэрнин эх нийтлэл. 7/5/17 дээр Жереми Герард засварлав.