В даному уроці ми розглянемо рідко згадувану фішку HTML5 - contextmenu. Може бути, ви ніколи раніше не чули про таке меню, але в деяких ситуаціях воно може виявитися надзвичайно корисним.
Ось як він працює:
Використовувати contextmenu набагато простіше, ніж може здатися на перший погляд. Потрібно додати атрибут contextmenu:
Потім створюємо меню:
Атрибут id повинен відповідати атрибуту contextmenu. Таким чином, можливо використовувати різні контекстні меню для різних частин сторінки.
Потім додаємо пункти меню. Спочатку вставляємо пункт меню з текстом і іконкою, потім додаємо посилання для трансляції тче сторінки в Facebook, а в фіналі вставляємо посилання для оновлення сторінки. Виходить контекстне меню з трьома пунктами:
Також можна створювати підміню:
Дуже цікаве і корисне властивість HTML5. Але, його застосування обмежується тільки браузером Firefox.
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!