Найголовніше про WML
Якщо ви знайомі з HTML, це означає, що найголовніше про WML ви вже знаєте. Якщо ні - тоді уважно подивіться на цей рядок:
Те, що ви бачите, називається тег (tag по-англійськи). Зокрема, це тег, який служить в WML для поділу тексту на абзаци. Все, що знаходиться між p і / p, браузер сприйме як абзац і виведе на екран без p і інших «сторонніх» символів. Нескладно зрозуміти, що перша послідовність символів - це відкриває частину тега, друга - закриває. Зверніть увагу на те, що в що відкриває частини тега є напис align = "alignment». Align - це властивість абзацу, яке відповідає за його вирівнювання. Наприклад, воно може набувати значень Center (Вирівняти по центру), Left (Вирівняти по лівому краю) і деякі інші.
Тег абзацу може бути записаний і так:
За замовчуванням абзац вирівнюється по лівому краю - тобто, якщо не вказувати в відкриває частини тега ніяких параметрів, то текст, укладений в ньому, буде вирівняний по лівому краю.
Тепер давайте поставимо собі простим питанням: «Як потрібно використовувати тег p для того, щоб вивести слово« Привіт! »По центру сторінки?». Відповідь очевидна: написати такий ось текст:
Одні теги можуть включати інші, наприклад, тег i використовується для того, щоб зробити шрифт курсивним і т.д.
Весь WML-документ складається з таких ось тегів. Напевно, у вас вже виникло цілком закономірне питання про те, як виглядає цей документ. Зараз ми на нього відповімо.
Теги, включені в інші теги, дані з відступом.
Так виглядає сторінка-шаблон на екрані стільникового Motorola V535
А так - в браузері Opera
Основна частина документа полягає між тегами wml і / wml. Перед тегом wml знаходиться пролог - він визначає версію XML, URL визначення типу документа і кодування документа. Пролог повинен бути присутнім в кожному WML-документі.
При конструюванні WAP-сторінок застосовується принцип колоди карт. Документ містить кілька невеликих сторінок, лише одна з яких відображається на екрані пристрою, в той час як інші зберігаються в пам'яті пристрою і чекають своєї години. Зверніть увагу на теги card і / card - це теги однієї з карт документа. Таких карт може бути кілька, вони розрізняються по ідентифікаторів карти - параметром Card id тега card. За ідентифікатором можна звертатися до карти з інших карт. Тобто, наприклад, якщо одна з карт відображається на екрані, на ній можна розмістити посилання для переходу на інші карти. Серед параметрів тега card можна відзначити ще один - Title. Його вміст виводиться у вигляді заголовка сторінки.
Як ви вже, напевно, зрозуміли, то, що розташоване між тегами card і / card, і буде відображатися на екрані. У нашому випадку це слово «Привіт!», Вирівняне по центру.
Для того, щоб звернутися до іншої карті WAP-документа, можна використовувати наступну схему:
Цей текст додасть на WAP-сторінку кнопку з написом «Наступна сторінка», після клацання по якій браузер відобразить карту з ім'ям NameOfCard.
Наступний приклад WAP-документа являє собою документ з двома картами, між якими здійснюється навігація:
Перша карта документа в браузері Opera
Друга карта документа в браузері Opera
Різні елементи WAP-сторінок
Вище ми розглянули лише шаблон WAP-сторінки, особливості навігації по WAP-сайту та додавання текстових рядків. Але зазвичай на сайтах є ще й інший вміст - це посилання для переходу на інші сайти і для скачування файлів, картинки, таблиці.
Для того, щоб додати на сайт посилання на інший ресурс, використовуйте таку конструкцію:
Між тегами a і / a розташовується виведений текст гіперпосилання, а параметр href містить саму посилання. Причому, для того, щоб відкрити якийсь файл, розташований в тій же директорії, що і той файл, який ви переглядаєте в браузері, досить як параметр href вказати ім'я цього файлу. Наприклад, для того, щоб відкрити WAP-сторінку, можна скористатися такими посиланнями:
Для того, щоб додати на сайт картинку, яка буде відображатися в браузері, використовуйте такий тег:
Для того, щоб вивести таблицю, можна скористатися такою конструкцією:
WAP-сторінка, насичена різноманітними елементами в браузері Opera
Цей код дозволить вставити в документ таблицю, що складається з 3-х стовпців і 2-х рядків. Теги table і / table задають початок і кінець таблиці. Властивість Border задає товщину меж таблиці. Усередині таблиці тегами tr і / tr виділяються окремі рядки, а всередині тегів використовуються теги td> і / td (елементи таблиці), всередині яких містяться елементи рядків таблиці. Виходить, що кількість рядків в таблиці визначають теги tr, а кількість стовпців - td.
Дізнатися подробиці про WAP і інших мобільних технологіях можна на наступних сайтах:
Тепер у вас є можливість поекспериментувати з WML, а в наступний раз ми поговоримо про PHP і MySQL.
Переваги iPhone 6S
Виручка HTC виросла на 27%
Представлений оновлений VR-шолом Samsung Gear VR
Samsung анонсувала Планшетофони Galaxy Note 7
Чутки про нові можливості «розумних» годин Samsung Gear S3