Привет! Сегодня рассмотрим, как правильно размещать svg-иконки на странице Inline-методом. Рассмотрим, как быть, когда валидатор ругается на одинаковые id. Поехали!
Итак, как вставить svg в html. Ну, на самом деле все довольно просто. Если Вы хотите вставить — берете и вставляете. <div class="item">
<div class="item__icon">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 611.989 611.988">
<g>
<g id="Wi-Fi">
<g>
<path d="M305...
Учимся делать веб-сайты с нуля до трудоустройства. Сегодня учимся верстать дизайн сайта. Что такое верстка? Это, по большому счету, превращение картинки дизайна или дизайна из конструктора в код. Что было на прошлом уроке? На прошлом уроке мы создали красивый дизайн нашего сайта в специальном конструкторе. Что будет на этом уроке? На этом уроке мы этот дизайн превратим в качественную верстку - превратим в качественный код. Мы сегодня также изучим новую технологию: Sass. И познакомимся с новым сервисом иконок: Fontello...