Како користити КССЛТ за приказ КСМЛ података на ХТМЛ веб страници

КСМЛ је језик који се користи за структурирање, складиштење и размену података. КССЛТ је још један језик који вам омогућава да трансформишете своје КСМЛ податке у друге формате, као што је ХТМЛ.

Можете користити КССЛТ за приказ КСМЛ података на ХТМЛ веб страници. Коришћење КСМЛ-а и КССЛТ-а за приказ ваших података може бити корисно, јер вам омогућава да структурирате податке на начин који има смисла за ваше специфичне потребе.

Како додати пример података у КСМЛ датотеку

Да бисте приказали КСМЛ податке на веб страници, прво морате да креирате КСМЛ датотеку и да јој додате податке.

1. Креирајте нову датотеку под називом дата.кмл.
2. Унутар КСМЛ датотеке, наведите кодирање и КСМЛ верзију:

    1.0 УТФ-8?>

instagram viewer
3. Повежите КСМЛ датотеку са КССЛ датотеком стилова, коју ћете креирати у каснијем кораку.

    текст/ксл кмлстилесхеет.ксл?>

4. Додајте податке у КСМЛ датотеку. КСМЛ садржи структуриране податке и чува сваку тачку података у посебној ознаци. Овај пример укључује роот ознаку под називом игрице. Унутар игрице таг, чувајте сваку појединачну игру унутар своје игра таг. Чувајте податке за сваку игру као што је име и програмер у одвојеним ознакама.

    1.0 УТФ-8?>
    текст/ксл кмлстилесхеет.ксл?>
   <игрице>
   <игра>
   <име>Последњи од нас део ИИиме>
   <програмер>Лош паспрограмер>
   игра>
   <игра>
   <име>Дух Цусхимеиме>
   <програмер>Суцкер Пунцх Продуцтионспрограмер>
   игра>
   <игра>
   <име>Деатх Страндингиме>
   <програмер>Којима Продуцтионспрограмер>
   игра>
   игрице>

Како користити КССЛТ за читање података из КСМЛ датотеке

Направите нову КССЛ датотеку да бисте прегледали сваку тачку података на КСМЛ страници и приказали податке.

1. У истој фасцикли као и ваша КСМЛ датотека, креирајте нову датотеку под називом кмлстилесхеет.ксл.
2. Унутар датотеке прогласите КССЛ верзију и додајте основну структуру КССЛ ознаке:

    1.0 УТФ-8?>
   <ксл: табела стиловаверзија="1.0"кмлнс: ксл=" http://www.w3.org/1999/XSL/Transform">
   // Ваш код овде
   ксл: табела стилова>

3. Унутар главне КССЛ ознаке додајте а шаблон таг. Овде можете додати прилагођени ХТМЛ код за приказ и стилизовање ваших КСМЛ података.

   <ксл: шаблонмеч="/">
   <хтмл>
   <тело>
   // Ваш ХТМЛ код овде
   тело>
   хтмл>
   ксл: шаблон>

4. Унутар ознаке тела, користите ксл: за-сваког селектор ознака. Ово ће деловати као фор-петља за петљу кроз сваку игра ознака угнежђена испод игрице таг.

   <ксл: за-свакогизаберите="игре/игра">
   
   ксл: за-сваког>

5. Унутар фор-еацх петље, прикажите име и тачке података програмера, користећи ксл: вредност-од селектор ознака.

   <ксл: вредност-одизаберите="име" />
   <ксл: вредност-одизаберите="програмер" />

Како приказати податке на ХТМЛ веб страници

Нећете моћи да отворите КССЛТ или КСМЛ датотеку директно у прегледачу да бисте видели податке као део веб странице. Креирајте нову ХТМЛ датотеку и рендерујте податке помоћу датотеке ифраме таг.

1. У истој фасцикли као и ваше КСМЛ и КССЛ датотеке, креирајте нову датотеку под називом индек.хтмл.
2. Додајте основну структуру ХТМЛ датотеке. Ако до сада нисте користили ХТМЛ, можете га надопунити уводни ХТМЛ концепти.

   хтмл>
   <хтмл>
   <глава>
   <наслов>Пример КСМЛ и КССЛТнаслов>
   глава>
   <тело>
   
   
   тело>
   хтмл>

3. Унутар тело таг, користите ан ифраме таг за повезивање са КСМЛ датотеком и КССЛ датотеком:

   <х1>Пример КСМЛ и КССЛТх1>
   <стр>Следећи садржај се генерише из КСМЛ датотеке:стр>
   <ифрамесрц="дата.кмл"кслт="кмлстилесхеет.ксл">ифраме>

4. Креирајте нову датотеку под називом стилес.цсс.
5. Унутар датотеке додајте мало ЦСС-а за стилизовање ваше веб странице. Слободно измените свој ЦСС користећи друге занимљиве ЦСС савети и трикови.

   хтмл,
   тело {
    висина: 100%;
    маргина: 0;
   }
   тело {
    дисплеј: флек;
    јустифи-цонтент: центар;
    алигн-итемс: центар;
    флек-дирецтион: колона;
   }
   п {
    маргин-боттом: 24пк;
   }

6. Повежите своју ХТМЛ датотеку са ЦСС стилом додавањем следећег у ХТМЛ хеад ознаку.

   <линкрел="стилесхеет"хреф="стилес.цсс">

7. Отворите своју ХТМЛ датотеку користећи прегледач да бисте видели своје КСМЛ податке. Неки претраживачи не подржавају КССЛТ, али неки претраживачи као што је Фирефок подржавају.

Приказ података у ХТМЛ веб страницама

Постоји много начина за приказивање података на ХТМЛ веб страницама, а КСМЛ и КССЛТ су један од њих. Слободно истражите друге начине на које то можете да урадите, као што је чување и приказивање корисничког уноса помоћу ЈаваСцрипт-а.