Креирајте стил на апликација во вашиот веб-сајт
Динамички HTML (DHTML) ви овозможува да креирате искуство во стил на апликации на вашите веб-страници, намалувајќи ја фреквенцијата дека целата страница мора да биде целосно вчитана. Во апликации, кога ќе кликнете на нешто, апликацијата веднаш се менува за да ја покаже таа одредена содржина или да ви даде одговор.
Спротивно на тоа, веб-страниците обично треба да се превчитаат, или да се вчита цела нова страница. Ова може да го подобри корисничкото искуство повеќе неповрзано. Вашите клиенти мора да чекаат првата страница да се вчита, а потоа почекајте повторно за вчитување на втората страница и така натаму.
Користејќи & lt; div & gt; да се подобри искуството на прегледувачот
Користејќи DHTML, еден од најлесните начини за подобрување на ова искуство е да се вклучат и исклучат дивите елементи за прикажување содржина кога е побарано. Делот елемент дефинира логички поделби на вашата веб страница. Помислете на div како кутија која може да содржи ставови, наслови, линкови, слики, па дури и други divs.
Што ќе треба
За да креирате раздел кој може да се вклучи и исклучи, потребен ви е следново:
- Линк за контрола на div со вклучување и исклучување при кликање
- Див за да се прикаже и скрие
- CSS да стил на div скриени или видливи
- JavaScript за извршување на акцијата
Контролирачката врска
Контролниот линк е најлесниот дел. Едноставно креирајте линк како што би сакал на друга страница. Засега, оставете го атрибутот href празно.
Дознај HTML a>Ставете го ова насекаде на вашата веб-страница.
Делото да се покаже и скрие
Направете го елементот div кој сакате да го покажете и скриете. Осигурајте се дека вашиот div има уникатен идентификатор на неа. Во примерот, единствениот id е да научи HTML .
Ова е колоната со содржина. Започнува празно, освен за овој текст за објаснување. Изберете што сакате да научите во колоната за навигација од лево. Текстот ќе се појави подолу: p> Направете две класи за вашиот CSS: еден за да се скрие div и другиот за да се прикаже. Имате две опции за ова: приказ и видливост. Дисплејот го отстранува div од протокот на страницата, а видливоста само го менува начинот на кој таа се гледа. Некои кодери претпочитаат прикажување , но понекогаш и видливоста има смисла. На пример: Ако сакате да ја користите видливоста, потоа промените ги овие класи во: Додајте ја скриената класа на вашиот div, така што ќе почне да биде скриена на страницата: Сета оваа скрипта е да ја разгледате моменталната класа поставена на вашиот div и да го префрлите на незаштитен ако е обележана како скриена или обратно. Ова е само неколку линии на JavaScript. Ставете го следново во глава на вашиот HTML документ (пред ознаката Дознај HTML h3>
CSS да покаже и да го скрие раздел
Го вклучите Javascript-за да го направите да работи