Нужно понимать, что цель человеко-читаемого URL-адреса - человеко-читаемость. Смотря из назначения, более читабельным для человека будет вариант /услуги.
Со стороны же поисковой оптимизации, поисковый робот без проблем обнаружит вхождение ключа написанного кириллицей (на языке оригинала). Но в случаях неправильной транслитерации, не всегда обнаружит это совпадение в транслитерированных адресах, типа, /uslugi.
TITLE - заголовок страницы. H1 - верхний по иерархии заголовок документа. Другими словами, заголовок страницы. Поэтому, это более чем правильно.
Самое просто - выбирать одну из предопределенных тем, прям при загрузке фотографии через админ панель и/либо добавлять CSS классы, где dark, white - темная тема или светлая, blue, green, ... - оттенок.
Готовые скрипты существуют.
Это относится и к заголовку.
Initial-значением для свойства display элемента img внутри p в Chrome 46 является inline. Поэтому, для использования вертикального margin, нужно предварительно изменить значение свойства display в inline-block.
Скорее Flickr.
DiKiJ, margin не работает для inline элементов. В данном случае, картинка между текстом является inline элементом.
HTML
<p>Слово <img></p>
CSS
p {vertical-align: middle}p img {vertical-align: middle}
Если результат не устроит, может указать произвольное значение в пикселях, в том числе и отрицательное, для свойства vertical-align элементам img, например,
p img {vertical-align: 2px}
Тонкие контрастные рамки воспринимаются слишком резко. Как альтернатива, можно размещать картинки на контрастном фоне. Банальный пример: картинка черная - фон светло-серый; картинка белая - фон темно-серый. Цвет, яркость и насыщенность, как и количество вариантов заливок - на ваше усмотрение.
Часто подобное оформление дополняют подписью картинки. Демонстрация оформления на примере figure + figcaption.
[ATTACH]145966[/ATTACH]
Строгое сравнение считается более безопасным, а сам алгоритм менее ресурсоемким. Использовать его по-умолчанию, наверное, является хорошей привычкой.
