HTML пішіндері пайдаланушылармен өзара әрекеттесу үшін өте қуатты құрал болып табылады, бірақ техникалық себептерге байланысты оларды толық әлеуетінде қалай пайдалану керектігі әрқашан анық бола бермейді. Бұл жағдайда жай ғана деректерді жіберу жеткіліксіз - пайдаланушылар пішіндерде толтыратын деректер оны сәтті өңдеу үшін қажет дұрыс пішімде жіберілетініне және бұл бар қолданбаларды бұзбайтынына көз жеткізуіңіз керек. Сондай-ақ пайдаланушыларға пішіндерді дұрыс толтыруға және қолданбаларды пайдалану әрекеті кезінде ренжімеуге көмектесу маңызды.
Тег HTML пішінін жасау үшін пайдаланылады. Ол шын мәнінде маржа жасамайды, бірақ сияқты элементтер үшін негізгі контейнер ретінде пайдаланылады. Тұрақты есеп айырысу және төлеу арқылы қарапайым жазылым пішінін немесе интерактивті веб қолданбаларын жасағыңыз келсе де, жұмыс істеу үшін HTML элементінің тегтерін пайдалануыңыз керек, олардың ең маңыздысы.
Қандай стандарттыHTML пішіндері
HTML пішіндері асинхронды JavaScript және күрделі веб-қосымшалар пайда болғанға дейін ойлап табылған және негізінен стандартталған. Бүгінгі күні пішін енгізулері, түймелер және басқа өзара әрекеттесу механизмдері пайдаланылады, бірақ оның негізінде HTTP сұрауы мен жауап парадигмасына негізделген жүйе жатыр.
Пайдаланушы бетті жүктегенде, http сұрауы жіберіледі (әдетте GET сұрауы деп аталады). Оны сіздің браузеріңіз серверге жібереді және әдетте сервер пайдаланушы іздеген веб-бетпен жауап береді. Бұл өзара әрекеттесу Интернеттің ең іргелі тұжырымдамаларының бірі болып табылады. Бұл HTML пішіндерінің қалай жұмыс істейтінін дәл түсіндіреді.
Сервермен ақпарат алмасу процесі
Әрқайсысы, сияқты элементтерді қамтитын, ішінде орналасқан және атау атрибуты (атауы), сондай-ақ оның мәні бар. Мән әртүрлі тәсілдермен анықталады. Мәтін үшін бұл сайт пайдаланушысы өріске енгізген мән болады. Радио түйме үшін таңдалған опцияның мәні. Пайдаланушы мәнді орната алады, бірақ көбінесе атау төлсипатын орната алмайды. Бұл мәндер пайдаланушы енгізуі арқылы анықталатын атау/мән жұптарының жинағын жасайды.
Пішіннің кәдімгі HTML құжатынан негізгі айырмашылығы - көп жағдайда пішінмен жиналған деректер веб-серверге жіберіледі. Бұл жағдайда деректерді қабылдау және өңдеу үшін веб-серверді орнату қажет. тег әрекетінің төлсипатыжиналған деректер жіберілетін орынды (URL) көрсетеді.
Сервер жауабы қалай көрінеді
Пішін жіберілген кезде атау-мән жұптары және элемент ішіндегі барлық өрістер HTTP ішіне қосылады. Әрекет төлсипатының пішінінде көрсетілген URL мекенжайына сұрау жасалады. Сұрау түрі (GET немесе POST) әдіс төлсипатында болады. Бұл пайдаланушы ұсынған барлық деректер пішін жіберілген бойда серверге жіберілетінін және сервер бұл деректермен қалағанын жасай алатынын білдіреді. Сервер пішінді жіберуді қабылдағанда, ол оны кез келген басқа HTTP сұрауы сияқты қарастырады. Сервер берілген деректермен не істеу керек болса, соны жасайды және шолғышқа жауап береді.
Егер бетті жүктеу жауап екенін есте сақтасаңыз, дәл осы жерде де болатынын байқайсыз. Тегпен жасалған әдеттегі пішінде жауап браузер жүктеген жаңа бет болып табылады. Әдетте, жаңа бет ағымдағы мазмұнды ауыстырады, бірақ оны мақсатты төлсипатпен қайта анықтауға болады. Желідегі пішіндердің басым көпшілігі осылай жұмыс істейді, сондықтан пайдаланушы электрондық пошта жазылым формасын толтырған кезде алғыс білдіру бетіне жіберіледі.
Тегі жоқ веб-қолданбалар мен пішіндер
Қазіргі интерактивті веб-қосымшалар асинхронды http сұрауларын жасау үшін JavaScript кодын пайдаланады. Бұл бетті қайта жүктеуге әкелмейтін серверге қоңыраулар. Олар тегке - мінез-құлыққа салынған HTML элементіне сенбейді. Олар барлық деректерді бір бүтінге біріктірмейді.пайдаланушы және оларды бірден жібермеңіз. Осы себепті веб-қосымшалардағы көптеген HTML + JS орналасу дизайнерлері тегті барлық пішіндерде пайдаланбайды. Көбінесе олар оны әр түрлі енгізу өрістері мен элементтерінің контейнерінің бір түрі ретінде пайдаланады. Бұл жағдайда пайдаланылған әдіс және әрекет атрибуттары көрінбейді.
Пішіндер туралы толығырақ
HTML пішіндері пайдаланушының веб-сайтпен немесе қолданбамен әрекеттесуінің маңызды сәттерінің бірі болып табылады. Олар пайдаланушыларға сайтқа деректерді жіберуге мүмкіндік береді. Көбінесе деректер веб-серверге жіберіледі, бірақ веб-бет оны өздігінен пайдалану үшін ұстап алады. Пішінге қатысты көптеген элементтер бар - түймелердің әртүрлі түрлері, әртүрлі типтерге арналған селекторлар, кері байланыс механизмдері. Сондықтан тег атрибуттарына қандай мәндерді тағайындау керектігін шешу қиын болуы мүмкін. Пішіндерді жасауға келетін болсақ, олардың әртүрлі экран өлшемдерінде жұмыс істеуін қамтамасыз ету керек. Оларды мүмкіндігі шектеулі жандарға қолжетімді ету маңызды. Сондықтан пішіндер мен атрибут тегтері HTML тілінің ең күрделі аспектісі болып табылады.
Пішін неден тұрады
HTML пішіні бір немесе бірнеше виджеттерден тұрады. Олар бір жолды немесе көп жолды мәтін өрістері, таңдау жолақтары, түймелер немесе радио түймелері болуы мүмкін. Олар көбінесе олардың мақсатын сипаттайтын атрибутпен байланыстырылады - дұрыс іске асырылған жағдайда көрмейтін және соқыр пайдаланушыларға енгізу пішініне қалай жетуге болатынын анық нұсқауы мүмкін. Атрибутсәйкесінше олардың for және id атрибуттарымен дұрыс байланыстырылады. Содан кейін for белгісі сәйкес виджеттің id атрибутына сілтеме жасайды және оны пайдаланатын экраннан оқу құралы онда не жазылғанын оқиды.
Тегке тән құрылымдардан басқа, пішіндер тек HTML коды екенін есте ұстаған жөн. Бұл пішіндеріңізді құрылымдау үшін HTML-дің толық күшін пайдалана алатыныңызды білдіреді. Жалпы тәжірибе -белгісімен белгіленген элементтерді орау үшін тегті пайдалану.
. HTML тізімдері де кеңінен қолданылады, құрылымдау үшін бірнеше құсбелгілер немесе радио түймелер қолданылады. Енгізу өрістерін жасағаннан кейін тегті пайдаланып түймені қосу және нәтижені тексеру қалады. HTML пішіндерінің икемділігі оларды HTML пішіміндегі ең күрделі құрылымдардың біріне айналдырады. Бірақ HTML пішінін құрастыру кезінде дұрыс құрылымның көмегімен оның пайдалануға және қол жетімді екеніне көз жеткізуге болады.
