HTML (ағылш. Hypertext Markup Language — "гипермәтінді белгілеу тілі") - Бүкіләлемдік торда құжаттарды белгілеудің стандартты тілі. Барлық веб-беттер HTML (немесе XHTML) тілі арқылы жасалады. HTML тілін браузер түсіндіреді және адамға ыңғайлы құжат ретінде көрсетіледі. HTML-SGML қосымшасы (стандартты жалпыланған белгілеу тілі) және ISO 8879 халықаралық стандартына сәйкес келеді.
HTML тілін Британдық ғалым Тим Бернерс-Ли шамамен 1991-1992 жылдары Женевадағы (Швейцария) ядролық зерттеулер жөніндегі Еуропалық кеңестің қабырғасында жасаған. HTML ғылыми және техникалық құжаттамамен алмасу тілі ретінде құрылды, оны орналасу саласындағы маман емес адамдар қолдана алады. HTML салыстырмалы түрде қарапайым, бірақ әдемі жасалған құжаттарды жасауға қызмет ететін құрылымдық және семантикалық элементтердің ("тегтермен" белгіленген) шағын жиынтығын анықтау арқылы SGML күрделілік мәселесін сәтті шешті. Құжаттың құрылымын жеңілдетумен қатар, HTML гипермәтінге қолдау көрсетеді. Мультимедиялық мүмкіндіктер кейінірек қосылды.
Бастапқыда HTML оларды бейнелеу құралдарына байланыстырмай құжаттарды құрылымдау және пішімдеу құралы ретінде ойлап табылды және құрылды. Ең дұрысы, HTML таңбасы бар мәтін стилистикалық және құрылымдық бұрмалаусыз әр түрлі техникалық жабдықтары бар жабдықта ойнатылуы керек еді. Алайда, қазіргі HTML қолдану оның бастапқы міндетінен өте алыс. Уақыт өте келе, HTML тілінің платформаға тәуелділігінің негізгі идеясы мультимедиялық және графикалық дизайндағы заманауи қажеттіліктерге құрбан болды.
HTML тілі мәтінді белгілеуге мүмкіндік береді. Оның ішінде: мәтінді қалың, курсив немесе астын сызу; арнайы таңбаларды салыңыз (ASCII-ден тыс тыныс белгілері, математикалық таңбалар, грек және готикалық әріптер, көрсеткілер және т. б.); қаріп түсін өзгертіңіз; мәтінді ортаға, солға/оңға, ені бойынша туралаңыз; мәтінді еренсілтеме ретінде орналастырыңыз басқа бет немесе файл; кесте сызыңыз.
Кейінірек, веб-парақтардың интерактивтілігі қажет болған кезде, HTML-де пайдаланушының кейінірек өңделетін деректерді енгізу формалары пайда болды. Пішіндер мен басқа ақпаратты арнайы серверлік бағдарламалар арқылы өңдеуге болады (мысалы, PHP немесе Perl тілдерінде). Тікелей браузермен (мысалы, JPEG, GIF немесе PNG форматтарындағы суреттер; аудиофайлдар және т.б.), сондай-ақ браузер терезесіне "кіріктірілген" сыртқы қосымшалармен (Flash-анимация, Java-апплеттер және т. б.) көрсетілетін мультимедиа файлдарын ашу.
XTML
XHTML (EXtensible HyperText Markup Language, кеңейтілген гипермәтінді белгілеу тілі) HTML-ді ауыстыруға арналған және оның қатаң нұсқасы болып саналады.[15]
Егер веб-парақтың кейбір керемет коды туралы айтатын болсақ, онда оны барлық қателер түзетілгенге дейін құрастырылмайтын бағдарламамен салыстыруға болады. Браузер компилятор ретінде әрекет етеді және егер ол сипаттамаға сәйкес келмесе, құжатты көрсетпейді. XHTML HTML-дің барлық ерекшеліктерін сақтай отырып, "мінсіз" кодқа жақындау үшін беттерді құрудың қатаң ережелерін енгізеді. Бұл сайттарды дисплей құрылғысы мен шолғыштан тәуелсіз етуге мүмкіндік береді. Басқаша айтқанда, сайт барлық заманауи браузерлер мен платформаларда компьютерлер, смартфондар, жөндеушілер және т. б. сияқты дұрыс көрсетіледі.
Іс жүзінде бәрі прозалық емес. Браузерлерді жасаушылар олардың ақыл - ойының тек "дұрыс" кодпен жұмыс істеуіне мүмкіндік бермейді. Мұның бәрі әлемдегі сайттардың көпшілігі мұндай шолғышта көрінбейтіндігіне байланысты. Бұл жағдайға әзірлеушілер мен пайдаланушылар кінәлі. Біріншісі өз браузерлерінде техникалық сипаттаманы тиісті қолдауды қамтамасыз етпеді, ал екіншісі оны ұстануға тырыспады.
DHTML
Жалпы алғанда, Dynamic HTML - бұл клиент жағында жұмыс істейтін және дәстүрлі Веб-беттердің статикалық сипатын жеңуге арналған технологиялар жиынтығы деп айтуға болады. Дәлірек айтқанда, бұл қамтамасыз ететін технологиялар: жүктеу кезінде Веб-беттің динамикалық қалыптасуы және пайдаланушының әрекеттеріне жауап ретінде веб-беттің динамикалық өзгеруі.
Аталған мақсаттарға жету үшін келесі әдістер қолданылады:
HTML құжатын құрайтын элементтердің атрибуттары мен стильдерінің динамикалық өзгеруі;
сыртқы көздерден деректерді динамикалық түрде алу және оларды Веб-параққа қосу;
динамикалық жүктелетін қаріптерді пайдалану;
беттерді көрсету кезінде визуалды және мультимедиялық эффектілерді қолдау;
жұмыс сессиялары арасында клиент-компьютерде ақпаратты сақтау механизмдері.
Барлық осы гетерогенді әдістер іс жүзінде екі китте жатыр. Біріншісі-құжаттың Объектілік моделіне негізделген HTML құжатын, каскадты стильдерді және Клиент сценарийлерін біріктіру. Екіншісі-жаңадан жасалған құжаттарға бір рет жасалған компоненттерді енгізуге мүмкіндік беретін компоненттік бағдарламалауды қолдану.
DHTML артықшылықтары:
Тораптың бәсекеге қабілеттілігін арттыру. Динамикалық түрде өзгеретін түстер, анимациялық графика, ашылмалы мәзір жүйесі және басқа UI элементтері бар түйін қарапайым тұрақты беттерге қарағанда қолданушыға тартымды.
Сүйемелдеу жеңілдігі. DHTML Веб-түйін беттерін қалыптастырудың типтік элементтерін жеке стильдер мен сценарийлерге шығаруға, содан кейін оларды барлық беттерге бірдей енгізуге мүмкіндік береді. Бұл, әрине, сүйемелдеуді жеңілдетеді және пайда болатын қателер мен басқа қателіктердің санын азайтады.
Трафикті азайту. DHTML-дің басты ерекшеліктерінің бірі-бұл веб-беттерді серверден клиентке қалыптастыру кезінде негізгі ауыртпалықты көтереді. Бұл үшін төлем серверден сценарийлер мен бағдарламалық компоненттерді жүктеу болып табылады, олар дұрыс жобаланған кезде көлемі аз болады.
Динамикалық беттер жүктеліп, статикалық беттерге қарағанда тезірек көрсетіледі, бұл өте жоғары сападан зардап шекпейтін отандық байланыс арналары үшін өте маңызды.
DHTML кемшіліктері:
Dynamic HTML стандартталмаған және танымал Веб-шолғыштардың әрқайсысы үшін HTML құжатының өз нұсқасын жазу керек.
DHTML пайда болуымен динамикалық бетті дамыту сценарий тілінде бағдарламалауды, UI негіздерін білуді және т. б. қажет етті.
XML
XML (ағылш. Extensible Markup Language — кеңейтілетін белгілеу тілі) - Бүкіләлемдік тор консорциумы ұсынған, жалпы синтаксистік ережелер жиынтығы болып табылатын белгілеу тілі. XML-құрылымдалған деректерді сақтауға (бар дерекқор файлдарының орнына), бағдарламалар арасында ақпарат алмасуға, сондай-ақ оның негізінде мамандандырылған белгілеу тілдерін құруға арналған мәтіндік формат. XML-SGML тілінің жеңілдетілген жиынтығы (Standard Generalized Markup Language).
XML құрудың мақсаты Ақпаратты өңдеудің әртүрлі жүйелері арасында құрылымдалған деректерді беру кезінде, әсіресе мұндай деректерді Интернет арқылы беру кезінде үйлесімділікті қамтамасыз ету болды.
Құрылымы бойынша XML гипермәтінді белгілеу тілі емес, төменгі деңгейдегі басқа тілдерді сипаттауға арналған Мета-тіл деп аталады. Сарапшылардың пікірінше, алыс емес болашақта XML қазіргі уақытта қолданылатын басқа форматтардың көпшілігін біртіндеп енгізе отырып, Дүниежүзілік желідегі негізгі стандартқа айналады.
CSS
HTML құжаттарын CSS көмегімен пішімдеу идеясын алғаш рет 1996 жылы W3C консорциумы ұсынған. 1998 жылы жаңартылған бұл ұсынысты веб - әзірлеушілер осы күнге дейін қолданады. CSS (ағылш. Cascading Style Sheets-стильдердің каскадты кестелері) - белгілеу тілінде жазылған құжаттың сыртқы түрін сипаттау технологиясы. Ол негізінен HTML және XHTML форматында веб-беттерді жобалау құралы ретінде қолданылады, бірақ оны SVG және XUL қоса алғанда, XML форматындағы кез-келген құжаттармен бірге қолдануға болады.
CSS-ті веб-бетті жасаушылар түстерді, қаріптерді, орналасуды және құжатты ұсынудың басқа аспектілерін анықтау үшін қолданады. CSS-ті дамытудың негізгі мақсаты мазмұнды бөлу (HTML немесе басқа белгілеу тілінде жазылған) және құжатты ұсыну (CSS-те жазылған) болды. Бұл бөлу құжаттың қол жетімділігін арттырады, икемділікті және оның көрінісін басқаруға мүмкіндік береді, сонымен қатар құрылымдық мазмұндағы күрделілік пен қайталануды азайтады. Сонымен қатар, CSS бірдей құжатты экранның көрінісі, басып шығару, дауыспен оқу сияқты әртүрлі стильдерде немесе шығыс әдістерінде ұсынуға мүмкіндік береді.
Бетті көрсету кезінде CSS әртүрлі көздерден алынуы мүмкін:
Авторлық стильдер (бет авторы ұсынған стиль туралы ақпарат) :
Сыртқы стиль кестелерін, яғни жеке файлды көрсетіңіз .құжатта сілтеме жасалған css.
HTML құжатының ішіндегі CSS блоктарының ішкі стильдері.
HTML құжатында бір элемент үшін стиль туралы ақпарат оның стиль атрибутында көрсетілген кезде кірістірілген стильдер.
Таңдамалы стильдер
Пайдаланушы браузер параметрлерінде көрсеткен, авторлық стильдерді қайта анықтайтын және барлық құжаттарға қолданылатын жергілікті CSS файлы.
Браузер стилі
Элементтерді көрсету үшін әдепкі шолғыш қолданатын стандартты стиль.
CSS стандарты, егер бірнеше ережелер бір уақытта кейбір элементтерге сәйкес келсе, стиль ережелері қолданылатын басымдықтарды анықтайды. Бұл" Каскад "деп аталады, онда ережелер басымдықтарды немесе" салмақтарды " есептейді, бұл нәтижелерді болжауға мүмкіндік береді.
Стиль кестесі ережелер жиынтығынан тұрады. Әр ереже өз кезегінде үтірмен бөлінген бір немесе бірнеше селектордан және анықтама блогынан тұрады. Анықтамалар блогы бұйра жақшалармен қоршалған және қасиеттер жиынтығы мен олардың мәндерінен тұрады.
CSS пайда болғанға дейін веб-беттерді рәсімдеу тікелей құжат мазмұнының ішінде жүзеге асырылды. Алайда, CSS-тің пайда болуымен құжаттың мазмұны мен көрінісін түбегейлі бөлу мүмкін болды. Осы жаңашылдықтың арқасында ұқсас құжаттардың массасы үшін бірыңғай дизайн стилін оңай қолдануға, сондай-ақ осы дизайнды тез өзгертуге мүмкіндік туды.
CSS орналасуының артықшылықтары:
Әр түрлі көру құрылғыларына арналған бірнеше бет дизайны. Мысалы, экранда дизайн үлкен енге арналған, Басып шығару кезінде мәзір көрсетілмейді, ал қалта құрылғысында және ұялы телефонда мәзір мазмұнға сәйкес келеді.
Деректерді ұсыну ережелерін жеке CSS файлына беру арқылы сайт беттерінің жүктелу уақытын азайту. Бұл жағдайда браузер тек құжат құрылымын және бетте сақталған деректерді жүктейді, ал бұл деректердің көрінісі браузер тек бір рет жүктеледі және кэштеледі.
Дизайнды кейіннен өзгерту оңай. Әр бетті өңдеудің қажеті жоқ, тек CSS файлын өзгертіңіз.
Қосымша ресімдеу мүмкіндіктері. Мысалы, CSS макетін қолдана отырып, мәтіннің қалған бөлігі (мысалы, мәзір үшін) айналатын мәтін блогын жасауға немесе бетті айналдыру кезінде мәзір әрдайым көрінетін етіп жасауға болады.
Java Script және JQuery
JavaScript-бұл клиенттің веб-гипермәтіндік беттерін қарау сценарийлерін басқару тілі. Дәлірек айтсақ, JavaScript тек клиенттің бағдарламалау тілі ғана емес. LiveWare, JavaScript-тің негізін қалаушы, Netscape сервер жағындағы алмастыру құралы. Алайда, JavaScript-тің ең танымал болуы клиенттік бағдарламалауды қамтамасыз етті.
JavaScript мүмкіндіктеріне, мысалы, мыналарды жатқызуға болады:
ағымдағы уақыт немесе күн сияқты өзгеретін деректерді көрсету;
өзгермелі мазмұнды күніне, пайдаланушының шолғышына немесе басқа шарттарға байланысты бағдарламалау;
егер пайдаланушы тінтуірді шертсе немесе элементтің үстіне тінтуір жүгіргісін салса, бет элементтерінің көрінісін өзгертіңіз.
Жоғары деңгейлі тіл үшін JavaScript өте күшті мүмкіндіктерге ие. Бұл сізге машиналық кодтар деңгейінде жұмыс істеуге мүмкіндік бермейді, бірақ пайдаланушы браузерлердің, веб-беттердің және кейде шолғыш жұмыс істейтін жүйенің көптеген мүмкіндіктеріне қол жеткізе алады. Java™ немесе C-тен айырмашылығы, JavaScript бағдарламалары Компиляциясыз жасалады, браузерге бағдарламалық кодты орындау үшін виртуалды машинаны жүктеудің қажеті жоқ.
JavaScript сонымен қатар Java немесе C++сияқты объектіге бағытталған архитектурада жұмыс істейді. Дизайнерлер немесе прототиптік мұрагерлік сияқты тілдік мүмкіндіктер Даму схемасына абстракцияның жаңа деңгейін қосады, бұл бағдарламалық кодты бірнеше рет қолдануға ықпал етеді.
Веб-әзірлеушілердің JavaScript - ті қабылдауының басты себептерінің бірі-клиент жағында бұрын тек сервер жағында орындалған көптеген функцияларды орындау мүмкіндігі. Сонымен қатар, JavaScript cookie файлдарын оқуға және жазуға мүмкіндік береді - бұрын бұл операция тек тақырыптармен жұмыс істеу үшін Веб-Сервердің көмегімен жасалған.
JQuery-JavaScript және HTML өзара әрекеттесуіне бағытталған JavaScript кітапханасы. 2006 жылы Джон Ресиг Нью-Йорктегі BarCamp компьютерлік конференциясында жариялады.
JQuery әзірлеушілерінің веб-сайтында ұран ретінде: "jQuery JavaScript-ті way that you write-ті өзгертуге арналған". Егер сіз оны сөзбе-сөз аударсаңыз, онда ол келесідей болады: "jQuery JavaScript-те жазған жолыңызды өзгертуге арналған". Жұмыста JQuery қолданғаннан кейін, сіз түсінесіз — әзірлеушілердің ұраны рас.
JQuery құжаттың Объектілік моделінің (DOM) кез-келген элементіне (элементтер жиынтығына) оңай қол жеткізуге, Dom элементтерінің атрибуттары мен мазмұнына қол жеткізуге және, әрине, оларды басқаруға көмектеседі. Сонымен қатар, оның интуитивті синтаксисінің арқасында CSS1, CSS2 және XPath-қа ұқсас, бұл жұмыс оңай емес, тіпті жағымды болады.
Active X
Бұл технологияны Microsoft Windows және Интернетті интеграциялау бойынша стратегиялық бағдарлама аясында әзірледі. Дәлірек айтқанда, жүйенің өзі емес, бағдарламалық жасақтаманы әзірлеу технологиялары. ActiveX деп аталатын OLE технологиясына қайта өңделген тәсілдер клиент-сервер ортасы үшін жұмыс үстелі қосымшаларын да, браузерде де біркелкі құруға мүмкіндік береді.
ActiveX компоненттері API-ге қол жеткізе алатындықтан, олар үшін жұмыс ортасы браузер болса да, әдеттегі Windows Қосымшаларының функционалдығы бар.
ActiveX технологиясын қолдана отырып, веб-бетті жасаушы оған тек HTML тілін немесе тіпті сценарий тілдерін қолдана отырып жасау мүмкін емес функционалды элементтерді қоса алады. Жоғары деңгейлі бағдарламалау тілдерінің барлық күші енді веб-беттер арқылы қол жетімді.
Java-апплеттер
Java апплеті-Java тілінде жазылған және байт кодына жазылған бағдарлама. Браузерде виртуалды Java машинасын қолдана отырып орындалады. Апплеттер HTML-де мүмкін емес веб-қосымшалардың интерактивті мүмкіндіктерін қамтамасыз ету үшін қолданылады. Java байтекод платформасы тәуелсіз болғандықтан, Java апплеттерін көптеген операциялық платформаларда браузерлер орындай алады.
Java сервлеттері-бұл серверлік қосымшалар, бірақ олар апплеттерден тіл, функциялар және басқа да сипаттамалары бойынша ерекшеленеді.
Java апплеттері клиенттік компьютердің жергілікті ресурстарына қол жетімділікті болдырмау үшін қауіпсіз ортада орындауға арналған.
Апплет коды веб-серверден жүктеледі, ал браузер апплетті веб-параққа енгізеді немесе жеке апплет интерфейсімен бөлек терезе ашады.