Синглтон ХХК-ны дизайнер

1. HTML5
Дизайнер

2. • HTML5 бол Opera Software компаниас
санаачлан танилцуулж буй вэб сайт хийх
үндсэн тулгуур хэл юм.
• 1990 онд анхны хувилбарыг гаргаж
байснаас хойш өдгөө 5 дахь шинэчилсэн
хувилбарыг гаргаад байгаа хэдий ч 11 сарын
байдлаар бүрэн дуусаагүй байгаа юм.

3. • HTML5 гол зорилго нь компьютер болон
нэмэлт дивайсуудад нийцсэн, хүмүүс
уншихад илүү ойлгомжтой болгоход
чиглэгдсэн хэл юм.
• 2011 оны 9 сарын 30-ны байдлаар дэлхийн
топ 100 вэб сайтын 34% нь HTML5
хэрэглэсэн байна.

4. • Шинэлэг, орчин үеийн вэб сайт хийх HTML
технологийн ерөнхий хэрэглээнд хэд хэдэн
шинэ элемент болон онцлох шинжүүдийг
оруулсан байна. Тухайлбал,
<object> оронд <video>, <audio>
<footer> нь ихэвчлэн HTML кодны сүүлийн мөр эсвэл вэб
хуудасны доод хэсгийг илэрхийлэх элемент
Inline-ийг <span>
<nav> нь website navigation block гэх мэт утгын орлуулах
элементүүдийг оруулсан байна.

5. • HTML 4.01 хувилбарт байсан хэрэггүй
элементүүдийг хассан байна. Тухайлбал,
<font> болон <center> гэсэн элементийг
хассан бөгөөд энэ элемент CSS-т түлхүү
хэрэглэгдэх болсон.
• Вэбийн өнгө үзэмжид чухлаар нөлөөлдөг
DOM Scripting-д хэрэгтэй хэд хэдэн шинэ
буюу өргөтгөсөн элементийг нэмж оруулсан
байна.

6. HTML5 нь API-г онцгойлон авч үзсэн бөгөөд
одоо байгаа DOM интерфэйсүүдийг өргөтгөж
бас нилээдгүй онцлох шинжүүдийг оруулсан.
Мөн шинэ API-уудыг нэмсэн нь:
• Immediate mode 2D drawing-д canvas element
• Ямар нэг тогтоосон хугацаатай медиа файлыг дахин
тоглуулах
• Offline Storage Databases
• Документэд эдитинг хийх
• Микродата
• Browser History менежмэнт
• Drag and Drop
• Cross-Document Messaging
• MIME Type & Protocol Handler Registration зэрэг API нэмсэн.
Гэхдээ эдгээр нь бүгд W3C HTML5-д ороогүй бөгөөд
WHATWG HTML-д оруулсан гэнэ.

7. HTML 4.01 болон XHTML 1.x-ээс ялгагдах ялгаанууд:
• Parsing хийх шинэ дүрэм оруулсан: SGML
дээр суурьлаагүй маш уян хатан бөгөөд
тохиромжтой parsing-тай болсон
• Text/html-д SVG болон MathML-ийг хэрэглэх
боломжтой болсон
• Шинэ элементүүд болох article, aside, audio,
bdo, canvas, command, datalist, details,
embed, figcaption, figure, footer, header,
hgroup, keygen, mark, meter, nav, output,
progress, rp, rt, ruby, section, source, summary,
time, video, wbr зэргийг нэмсэн.

8. • Удирдах (Control) шинэ хэлбэрүүд болох
dates and
times, email, url, search, number, range, tel, col
or зэргийг нэмсэн.
• Онцлох шинж (Attribute) болох charset (meta-
д), async (script-эд) нэмсэн.
• Acronym, applet, basefont, big, center, dir, font,
frame, frameset, isindex, noframes, strike, tt
зэрэг хэрэггүй болсон элементүүдийг хассан.

9. • HTML5 браузер нь алдаатай өгүүлбэрийг
олох, засах боломжтой болж байгаа гэнэ.
• HTML5-аар хийгдсэн вэб сайтуудыг хуучин
браузерууд ачаалах боломжгүйгээр хийгдсэн
байна.
• HTML4.01-тэй харьцуулахад HTML5-д lexing
болон parsing хийхэд хэрэгтэй илүү
нарийвчилсан элементүүдийг оруулжээ.
• HTML5-ын олон голлох үзүүлэлтүүд нь
смартфон болон таблетуудад зориулагдсан
бөгөөд гар утасны аппликэйшнүүдийг хийхэд
тохиромжтой гэж үзэж байгаа аж.

10. • XHTML5 нь HTML5-ын XML цувралуудын нэг бөгөөд
XHTML5 нь XML дээрх өгүүлбэрийн зөв бүтэцтэй
хэлбэрийг нарийн шаарддаг.
• MIME/Content Type-аас шалтгаалж XHTML5 болон
HTML5 хоорондын ялгаа багассан. Ямар медиа сонгож
байгаагаас шалтгаалж алийг нь хэрэглэхээ шийднэ гэсэн
үг юм.
• HTML5-ын тухай буруу ойлголт байдаг нь HTML5 нь вэб
сайтад анимэйшн үүсгэнэ, хийнэ гэсэн явдал юм.
• JavaScript болон CSS3 алт аль нь HTML элементийг
анимэйшн хийхэд чухал юм.

11. Яагаад HTML5 хэрэглэх нь дээр гэж?
• Өмнөх хувилбараасаа ажиллагааны хувьд хурдан
• Утасны марк тус бүрт аппликэйшн бичнэ гэсэн
ойлголтыг халж бүх төрлийн утсанд зориулсан бүхий
л аппликэйшнийг HTML5 ашиглан хийх боломжтой.
• Вэб сайт хийх бүхий л шинэлэг боломжуудыг
оруулснаараа илүү уян хатан болсон.
• Видео, аудио, имэйжүүдийг зөв кодоор нь бичихэд
хялбар болсон.

12. • HTML5 дээр бичигдсэн сайтууд өмнөхөөсөө шинэлэг,
хурдан ачааллана гээд давуу талууд ихтэй бөгөөд
хуучны сайтууд үеэ өнгөрөөнө гэсэн үг юм.
• HTML4 дээр суурилж бичигдсэн учраас шинэ шинэ
онцлог элементүүд дээр ажиллаж цаашид улам
хөгжингүй болгох боломжтой.
• HTML5 болон CSS3 дээр ажиллах нь дизайны
үнэмлэхүй цогц шийдлийг өгөх болно.

13. Вэб хөгжүүлэх технологийн он цагийн дараалал
• 1991 HTML
• 1994 HTML2
• 1996 CSS1 + JavaScript
• 1997HTML4
• 1998CSS2
• 2000XHTML 1
• 2002Tableless Web Design
• 2005AJAX
• 2009HTML5

14. HTML5 = HTML + CSS + JS
гэж томъѐолж болно

15. Утгын хувьд арай дээр болсон тэгууд

16. Аппликэйшнүүдэд зориулсан тэмдэглэгээт хэл

17. Шинэ формын (form) төрлүүд

18. Гар утсан дээр

19. Аудио + Видео оруулах

20. Canvas 2D

21. Inline CVG