,Примечание. Для интерактивных областей нельзя создавать стили с помощью CSS, поэтому, если вы хотите, чтобы эти маркеры были стилизованы, используйте простое программное обеспечение для редактирования изображений, чтобы нарисовать маркеры.
Совет: если вы хотите узнать координаты точки на изображении, откройте изображение в программном обеспечении для редактирования изображений и переместите курсор в эту точку, вы сможете увидеть его координаты в самом программном обеспечении. Для GIMP это показано на левой стороне нижней панели.
Увидеть перо PqZNzG Прети (@rpsthecoder ) на CodePen ,
2. Введите предложения
использование предоставить список соответствующих предложений, которые появляются при вводе значения ввода.
Увидеть перо MwKybG Прети (@rpsthecoder ) на CodePen ,
3. Выделите текст
Выделенный текст обычно имеет темный цвет текста на светлом фоне. Вы можете добиться этого выделенного текстового эффекта только с разметкой. Любой текст, заключенный внутри будет иметь такой эффект.
Вы можете настроить цвет подсветки с помощью CSS-свойства background-color: и цвет текста со свойством color.
Увидеть перо XbXdMy Прети (@rpsthecoder ) на CodePen ,
4. Определите шаблоны
Наряду с HTML5 пришли новые элемент. элемент содержит разметку внутри него, которая не отображается браузерами; разметка, заключенная в нее, должна использоваться для генерации динамического содержимого на странице с использованием JavaScript.
Например, предположим, у вас есть
<
table> где строки должны добавляться динамически, вы можете просто поместить разметку пустой строки этой таблицы внутри тэг и при необходимости вызовите функцию JavaScript, содержащую скрипт, чтобы скопировать разметку из тегов шаблона и добавить ее в разметку таблицы. Это не поддерживается IE.
Увидеть перо KpVzmQ Прети (@rpsthecoder ) на CodePen ,
5. Fine Print
Под мелким шрифтом понимается текст документа, который обычно печатается в очень маленьком размере и содержит такую информацию, как условия, условия, ограничения, цитаты, юридические права и т. Д. тег в HTML можно использовать для показа мелкого шрифта. Начиная с HTML5 тег не только показывает текст с мелким шрифтом, но и семантически определить так же, как правовые оговорки и оговорки ,
Увидеть перо RPraga Прети (@rpsthecoder ) на CodePen ,
6. Назначьте базовый URL Элемент HTML очень удобен, когда у вас есть несколько ссылок в документе с одинаковыми URL-адресами домена, он позволяет вам добавить базовый URL-адрес к документу, который, в свою очередь, позволяет добавлять только относительные URL-адреса к другим ссылкам на странице по мере необходимости.
Примечание. Все относительные URL-адреса на странице будут ссылаться на основе базового URL-адреса. Если у вас есть какая-либо ссылка с другим доменом, не забудьте назначить ей полный URL-адрес.
Увидеть перо eNJZRP Прети (@rpsthecoder ) на CodePen ,
7. Отзывчивые изображения
Адаптивная веб-разработка находится в моде с постоянно растущим мобильным доступом. Изображения могут быть переключены для разного размера экрана с разметкой. Элемент HTML5 позволяет добавлять различные источники изображений для различных медиа для изображения внутри него.
Примечание. В настоящее время это работает только в Chrome. Вы должны будете установить dom.image.picture.enable в true в about: config в Firefox.
Увидеть перо jPWqLZ Прети (@rpsthecoder ) на CodePen ,
8. Выбор цвета
HTML5 представил много новых элементов типа ввода; элемент ввода цвета является одним из них. Это позволяет вам выбрать цвет на веб-странице с помощью палитры цветов.
Увидеть перо XbXzeb Прети (@rpsthecoder ) на CodePen ,
9. Групповые настройки
Если у вас есть много вариантов в раскрывающемся списке и вы хотите, чтобы они были сгруппированы, Элемент получит работу. Вы также можете стилизовать группы с помощью CSS.
Увидеть перо XbXdLv Прети (@rpsthecoder ) на CodePen ,
10. The элемент
Разметка внутри отображается браузером только тогда, когда скрипт отключен. Этот тег полезен для оповещения пользователей, когда скрипт отключен в их браузере, и для обеспечения любого альтернативного механизма отката для компонентов на веб-страницах, которые перестают работать без JavaScript.
Javascript отключен в вашем браузере.
Прочитайте: 15 полезных трюков CSS, которые вы могли пропустить