Веб стандарт

Веб хөтөчийн түүхээс.

HTML -ыг хэдэн янзаар кодчилж болно. Хөтөч программууд ч HTML -ийг өөр өөрөөр уншдаг. Ер нь бол HTML олон янзын шийдлүүдтэй. Иймээс өөр өөр хөтөч дээр сайтууд өөр өөрөөр харагддаг. Интернет бараг үүсэж эхлэхээс л HTML -ийн ерөнхий стандартыг бий болгох гэж оролдсон боловч энэ нь маш урт замыг туулжээ. Анх эхлээд хөтөч программ үнэтэй байхад Netscape үндсэн хөтөч байж HTML 0.3.2 гэдэг стандарт байсан. Зах зээлийн бараг 90% -ийг Netscape эзэлж байсан тул нэгдсэн стандарт бараг шаардлагагүй шахуу байв. Үүнээс гадна Netscape бусад хөтөч дээр ажилладаггүй өөрийн гэсэн сонин элементүүдийг бүтээсээр л.

Олон жилийн туршид Microsoft интернетийг бараг тоогоогүй юм. Дараа нь Netscape-тэй өрсөлдөж эхэлснээр шинэ хөтөч бий боллоо. Microsoft-ийн шинэ хөтөч Internet Explorer -ийн анхны хувилбар HTML -ийн стандартыг Netscape -ээс муу дэмжиж байсан ч Microsoft өөрийн хөтөчөө үнэгүйгээр тараах болсноор удалгүй Internet Explorer хамгийн өргөн дэлгэрсэн хөтөч болж чаджээ. Microsoft өөрийн хөтөчийн дараагийн хувилбаруудыг W3C -ын стандартад илүү нийцүүлэн хөгжүүлж ирсэн бол Netscape хөтөчийн шинэ хувилбар дээр бараг ажлаагүй юм. Хөтөчийн түүхийн талаар нэг иймэрхүү. Өнөөдөр хөтөч программууд Mozilla, Opera, Chrome гээд маш олон төрлийнх болоод байгаа билээ.

Веб стандарт

Та HTML дээр кодлохдоо W3C стандартыг баримталснаар таны веб хуудсыг өнөөдөр болоод ирээдүйд бүхий л хөтөч унших болно. HTML -ийн илүү чамбай шинэ хувилбарыг XHTML гэж нэрлэдэг. Үүний талаар хэдэн зүйлийг хэлье. Хэдийгээр HTML -ийн олон төрөл байдаг ч та хөтөчтэй яг ямар төрлийн HTML -ээр харьцаж байгаагаа мэдэгдэх ёстой. Манай тохиолдолд энэ нь XHTML юм. Үүний тулд хуудасны хамгийн эхэнд Document Type Definition /DTD/ буюу хуудасны төрлийг тодорхойлох хэрэгтэй.
Жишээ нь

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
         <head>
            <title>Title</title>
        </head>
 
        <body>
            <p>text text</p>
        </body>
 
    </html>

Та XHTML хэл дээр бичсэн гэдгээ жишээний хамгийн эхний мөрөнд Document Type Definition -ээр хөтөчид мэдэгдэхийн зэрэгцээ та html тегэд xmlns, lang атрибутыг ашиглан нэмэлт мэдээллийг тавьж өгөх хэрэгтэй. xmlns гэдэг бол "XML-Name-Space" үгийг хураангуйлсан бөгөөд дандаа http://www.w3.org/1999/xhtml гэсэн утгатай байх ёстой. Үүнийг л мэдэж байхад болно. Хэрвээ та namespaces талаар илүү нарийн мэдээллийг хүсвэл W3C -ийн сайтаас үзээрэй. Та lang атрибутад хуудас ямар хэл дээр бичигдсэнийг заан өгнө. Үүнд дэлхийн бүх хэлний кодыг агуулсан ISO 639 стандартыг ашиглана. Жишээнд Англи хэлийг ("en") заан өгсөн байна.
DTD нь таны хуудсыг шалгахад чухал үүрэгтэй байдаг. Юун шалгалт, үүнийг хэрхэн хийх юм гэж гайхаж байж магадгүй.   
Хуудастаа DTD тавьснаар та өөрийн HTML кодод алдаа байгаа эсэхийг W3C's free validator гэх үнэгүй шалгагчаар шалгуулж болдог. Энэхүү боломжийг ашиглахын тулд хуудас хийгээд түүнийгээ интернетэд байршуулна. Дараа нь validator.w3.org хаягаар хандан өөрийн хуудасны (URL) хаягаа бичин өгөөд шалгуулна. Хэрвээ таны HTML зөв байвал баяр хүргэсэн мэдээлэл хүлээн авах бөгөөд эсрэг тохиолдолд юуг хаана буруу хийснийг яг заан өгсөн алдааны мэдээллийг хүлээн авна. Хэргээр хэдэн алдаа хийгээд шалгуулаад үзээрэй.
Энэхүү шалгагч нь зөвхөн алдаа илрүүлээд зогсохгүй. Зарим хөтөчүүд кодын алдааг автоматаар засан үзүүлэх оролдлого хийдэг. Энэ тохиолдолд та өөрийн хөтөч дээр алдааг ерөөсөө харахгүй байж болно. Гэхдээ хөтөчүүд алдааг янз бүрээр залруулдаг бас хуудсыг ердөө үзүүлэхгүй ч байж мэднэ. Харин шалгагч таны бүр санаагүй алдааг ч илрүүлэн гаргахад тусална шүү. Иймээс хуудасны зөв ажиллагааг хангах үүднээс өөрийн хуудсуудыг дандаа шалгаж байгаарай.

Мэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.

  Нээгдсэн тоо: 4604 Нийтийн

Өмнөх хичээлүүдэд бид нилээд олон тооны HTML кодыг бичсэн. Тэгвэл хөтөч <h1></h1> гэдгийг тег гэдгийг хэрхэн мэдэж байгаа юм бэ гэсэн асуулт гарч ирнэ. Өөрөөр хэлбэл текстийг хэрхэн гарчиг болгож байгаа. Тэгвэл эдгээр удирдах тэмдэгтүүдийг зүгээр текст болгон харуулахад яах хэрэгтэй вэ?
Үнэн хэрэгтээ хөтөч < > дотор байрлаж байгаа бүгдийг удирдах тегүүд гэж ойлгоно. Тэгвэл эдгээр тэмдэгтүүдийг дэлгэц дээр харуулахын тулд тэдгээрийг HTML -ийн тусгай тэмдэгтүүдийг ашиглана. HTML-ийн тусгай тэмдэгтүүдийн хүснэгт байдаг. Гэхдээ бид тэдгээрээс зөвхөн үндсэн хэсгийг л үзнэ.

  Нээгдсэн тоо: 2661 Төлбөртэй

Холбоосын тег a

html хуудасны хамгийн чухал ойлголтуудын нэг бол холбоос. Интернет хуудас үзэж байхдаа бид товч эсвэл текст дээр дараад хэрэгтэй хуудас руу шилждэг. Эдгээр хуудаснууд нь тухайн сервер дээр байж болохоос гадна ертөнцийн нөгөө өнцөгт байрлах серверт ч байж болно. Ямарч тохиолдолд хуудас руу тэр дороо л шууд шилждэг.
Өөр хуудсанд шилжихийн тулд хаана дарахыг та хэрхэн мэдэх вэ? Холбоосын өнгө өөр байх эсвэл доогуур зураастай эсвэл хулганы заагчийг аваачихад дүрс нь өөр болох гэх мэтээр хараад мэдэхээр байдаг.
Энэ мэт өөрчлөлтүүдийг хариуцаж байдаг контейнер-тег бол <a></a> юм. Харин хэрэглэгч зүүн даралт хийхэд хаашаа шилжүүлэхийг тегийн href атрибут тодорхойлно.

  Нээгдсэн тоо: 4749 Нийтийн

HyperText Markup Language (HTML) гэдэг нь веб хуудас хийхэд зориулагдсан албан ёсны /стандарт/ хэл юм. Веб хуудсыг төрөл бүрийн WEB BROWSER (интернет хөтөч) ээр үзэж болно. Интернет хөтөч нь HTML ээр хийгдсэн хуудасны элементүүдийг хэв шинжийг тодорхойлолтуудыг хөрвүүлж хэрэглэгчид үзүүлдэг программ хангамж юм. Фонт, шугам, төрөл бүрийн графикийн элементүүдийг ашиглан веб хуудсыг хэлбэржүүлэх ажиллагааг хийх боломжийг HTML бүрдүүлж өгдөг.

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

  Нээгдсэн тоо: 4095 Нийтийн

Бид өмнөх хичээлүүдээр фотошоп дээр сайтын загвараа гаргасан. Энэхүү цуврал хичээлүүдээр сайтын загвараа хэрхэн программчлах талаар үзэх болно. Сайтын загварыг фотошоп дээр хийх хичээлүүд сайтын Программууд цэсний Фотошоп дэд бүлэгт нийтлэгдсэн байгаа. Учир нь тэдгээр хичээлүүдэд сайтын программчлалтай холбоо багатай цэвэр дизайны холбогдолтойн дээр фотошопоор хийх ажиллагаанууд байсан билээ. Гэхдээ эдгээр хичээлүүд бүхэлдээ сайтыг хэрхэн бүтээх тухай цогц хичээлүүдэд хамрагдана. Хичээлийг үйл ажиллагааны онцлогийг харгалзан зохих хэсгүүдэд хуваан оруулсан юм. Хичээлүүдийг үзэхийн өмнө тухайн сэдвийн ерөнхий ойлголтуудын талаарх хичээлийг үзсэн байвал илүү үр дүнтэйг сануулъя. Бид Фотошоп дээр доорх зурагт үзүүлсэн сайтын загварыг хийгээд байгаа.

Үйл явдал /event/ тодорхой үйлдэл хийгдсэн талаар системд мэдэгддэг. Хэрвээ бид энэхүү үйлдлийг ажиглах хэрэгтэй бол яг энд…

Нээгдсэн тоо : 292

 

Манай төсөл олон хуудсуудтай болон тэдгээрийн хооронд динамикаар шилжилт хийж байгаа ч тухайн үед шилжилт хийгдсэн хуудаст тохирох…

Нээгдсэн тоо : 369

 

Зочин (Visitor) паттерн классуудыг өөрчлөхгүйгээр тэдгээрийн обьектуудын үйлдлийг тодорхойлох боломжийг олгоно. Зочин хэвийг ашиглахдаа классуудын хоёр ангилалыг тодорхойлно.…

Нээгдсэн тоо : 337

 

Лямбда-илэрхийлэл нь нэргүй аргын хураангуй бичилтийг илэрхийлнэ. Лямбда-илэрхийлэл утга буцаадаг, буцаасан утгыг өөр аргын…

Нээгдсэн тоо : 431

 

Кодийн сайжруулалт /рефакторинг/ хичээлээр програмийн кодоо react -ийн зарчимд нийцүүлэн компонентод салгасан.…

Нээгдсэн тоо : 481

 

Хадгалагч (Memento) хэв обьектын дотоод төлвийг түүний гадна гаргаж дараа нь хайрцаглалтын зарчмыг зөрчихгүйгээр обьектыг сэргээх боломжийг олгодог.

Нээгдсэн тоо : 505

 

Делегаттай нэргүй арга нягт холбоотой. Нэргүй аргуудыг делегатийн хувийг үүсгэхэд ашигладаг.
Нэргүй аргуудын тодорхойлолт delegate түлхүүр үгээр…

Нээгдсэн тоо : 597

 

Математикт харилцан урвуу тоонууд гэж бий. Ямар нэгэн тооны урвуу тоог олохдоо тухайн тоог сөрөг нэг зэрэг дэвшүүлээд…

Нээгдсэн тоо : 689

 

Төсөлд react-router-dom санг оруулан чиглүүлэгчдийг бүртгүүлэн тохируулсан Санг суулган тохируулах хичээлээр бид хуудас…

Нээгдсэн тоо : 724

 
Энэ долоо хоногт

Хоёр тойрог гадна талаараа шүргэлцсэн. Нэг тойргийн шүргэгч нь нөгөө тойргийнхоо төвийг дайран гарсан. Шүргэлтийн цэгээс хоёрдахь тойргийн төв хүртэлх зай нь энэ тойргийн радиусаас 3 дахин урт. Нэгдүгээр тойргийн урт хоёрдугаар тойргийн уртаас хэд дахин их вэ?

Нээгдсэн тоо : 1553

 

тэгшитгэлийг бод.

Нээгдсэн тоо : 2013

 

бол илэрхийллийн утгыг ол.

Нээгдсэн тоо : 990