Веб стандарт

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

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 зөв байвал баяр хүргэсэн мэдээлэл хүлээн авах бөгөөд эсрэг тохиолдолд юуг хаана буруу хийснийг яг заан өгсөн алдааны мэдээллийг хүлээн авна. Хэргээр хэдэн алдаа хийгээд шалгуулаад үзээрэй.
Энэхүү шалгагч нь зөвхөн алдаа илрүүлээд зогсохгүй. Зарим хөтөчүүд кодын алдааг автоматаар засан үзүүлэх оролдлого хийдэг. Энэ тохиолдолд та өөрийн хөтөч дээр алдааг ерөөсөө харахгүй байж болно. Гэхдээ хөтөчүүд алдааг янз бүрээр залруулдаг бас хуудсыг ердөө үзүүлэхгүй ч байж мэднэ. Харин шалгагч таны бүр санаагүй алдааг ч илрүүлэн гаргахад тусална шүү. Иймээс хуудасны зөв ажиллагааг хангах үүднээс өөрийн хуудсуудыг дандаа шалгаж байгаарай.

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

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

Олон html хуудаснуудад холбоост дүрсний карт (map) гэж нэрлэгдэх зохион байгуулалтыг ашигладаг. Ийм зохион байгуулалт хийхдээ зураг аваад түүний төрөл бүрийн хэсэгт холбоос хийж өгдөг. Хамгийн өргөн дэлгэрсэн жишээ бол аялагчдадын дэлхийн карт юм. Карт дээрээс сонирхсон орны газрын зураг дээр дарахад энэ улсын тухай хуудаст шилжих жишээтэй. Ийм дүрсний карт нь хэрэглэгчийн болон серверийн байж болдог. Хэрэглэгчийн дүрсний картын холбоос тухайн материалдаа хадгалагдан түүн дээр хулганаар даралт хийхэд хөтөч дарагдсан цэгийн координат ямар хэсэгт харьяалагдахыг өөрөө тодорхойлоод хэрэгтэй холбоосоор шилжүүлэлтийг хийнэ. Харин серверийн хувилбарын үед даралт хийгдсэн цэгийн координатууд эхлээд серверт дамжуулагдан тусгай программаар боловсруулалт хийгдсэний дараа холбоосын шилжилт хийгдэнэ. Эндээс хэрэглэгч талын дүрсний карт нь илүү гэдэг нь тодорхой. Түүнийг бид үзэх болно.

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

html хуудасны хөгжим

Веб хуудас дээр дэвсгэр хөгжим оруулан өгч болдог. Хэрэглэгч хөгжим сонсох хэрэгслээ залгасан бол хуудсыг нээхэд хөгжим тоглож эхлэх юм. Үүний тулд WAV, AU, MIDI форматын аудио файл хэрэгтэй болно. Ийм файлыг C:\WINDOWS\Media хавтасаас эсвэл интернетээс татан авч болно. Аудио файлаа html хуудас байгаа хавтастаа хуулан өгөөд хөгжим оруулах гэж буй хуудасныхаа кодын head тэгэд дараах тегийг нэмэн өгнө.   

<bgsound src="Yesterday_Beatles.mid" loop="1"></bgsound>

<bgsound> тегийн талаар хэлэхэд энэхүү тег нь HTML -ийн бүрэлдхүүнд албан ёсоор ордоггүй Microsoft -ийн Internet Explorer хөтөч зориулсан санаачлага тул бусад ихэнх хөтөч тегийн боловсруулалтыг хийдэггүй.

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

Энэ хичээлээр бид сайтын макетаас үлдсэн хэсгүүд болох блог, твиттер, хөл хэсгүүдийг кодлоно. Эдгээр хэсгийн кодчлолд ойлгомжгүй зүйл байхгүй ерөнхийдөө амархан. Блог болон твиттер хэсэг бараг ижилхэн тул тус бүрийг нэгэн зэрэг өөрчлөлтөнд оруулахын тулд class="module" бүхий div блокт авна. 1-р хичээлд гаргасан блокийн моделоо эргэн харцгаая.

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

Хэрэглэгч мэдээлэл оруулах боломжийг форм олгодог. Та интернетээр хэсэж байхдаа төрөл бүрийн сорилго, асуулга, санал хураалт зэрэгтэй нэг бус удаа тааралдаж байсан байх. Энэ бүгдийг өөрийн веб сайтад хийхэд форм хэрэгтэй болдог. Энд онцлоход html форм нь өөрөө зөвхөн мэдээлэл оруулах боломжийг л олгодог бөгөөд харин оруулсан мэдээллийг боловсруулж чаддаггүй гэдгийг хэлэх хэрэгтэй. HTML нь бүтцийг бий болгох хэл болохоос программчлалын хэл биш. Мэдээллийг боловсруулахад javascript, php гэх мэтийн хэлүүдийг ашигладаг.
Хичээлээр бид өөрийн хуудаст html формыг нэмэхэд сураад түүнд оруулсан мэдээллийг хэрхэн боловсруулахыг php, javascript -ын талаарх хичээлүүдээс үзээрэй.
Ингээд html форм нь <form></form> тегүүдээр өгөгдөнө. Формын үлдсэн бүх элементүүд эдгээр тегүүдийн хооронд байрлана.

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

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

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

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

 

илэрхийллийн x=3 утгыг ол.

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

 

16 см суурьтай, 10 см хажуу талтай адил хажуут гурвалжин өгөгджээ. Гурвалжинд багтсан болон гурвалжинг багтаасан тойргуудын радиус болон тойргуудын төв хоорондын зайны нийлбэрийг ол.

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