Pull to refresh
1
0
Владислав Аливанов @vladalivan

Программист

Send message

Да, вы правы, это статья для SEO-специалистов.


"Не мог он гифа от джипега, как мы ни бились, отличить"
— А. Лебедев

Используйте новую 4-ую версию фреймворка Bootstrap, в котором используется flex, и проблем с вертикальным выравниваем нет.

Не возникало такой необходимости, ибо это должно делаться на сайте автоматически.
На практике для "творческой переработки" пользуюсь обратным инструментом webp-to-jpg https://www.iloveimg.com/ru/convert-to-jpg

Крайности всегда вредны. Дао: ищи срединный путь.

Нападки на jquery мне напомнили одну историю, непосредственно касающуюся данной статьи. В былые времена людей, которые для верстки пользовались table, побивали камнями во всех публичных местах. Потому что они выравнивали к низу вот таким образом:


<table>
    <tr>
        <td style="vertical-align:bottom">
            Прижато книзу
        </td>
        ...
    </tr>
</table>

Теперь самый распространенный прием выравнивания к низу (не бутстраповский) такой:


<div style="display:table; table-layout:fixed; height:100%; width:100%">
    <div style="display:table-cell; height:100%; vertical-align:bottom">
        Прижато книзу
    </div>
        ...
</div>

Те же яйца — только в профиль и более пасхальные!

Не поймите, что я против flex. Просто, у нас еще есть клиенты, которые сидят даже на IE8
Годик придется еще подождать
Ну, да, сорри. Я к тому, что не всегда нужно стрелять из пушки по воробьям.
Помню, в далеком 2002 году я начал изучать PHP с фреймворка Smarty, и долго делал все через задницу, пока не понял, что чистый PHP как фрейворк гораздо лучше чем Smarty.
В яндекс-браузере не виден заголовок, поисковое поле и много чего
Cамое простое решение — вынести svg-код в файл ".svg", где base уже не действует.
Да, ошибка, оказывается base был уже с HTML3
1.
Если библиотека не поддерживает стандарты HTML5, то это несерьезная библиотека.
2.
А в чем проблема с параметрами и хешами в ЧПУ?
href="/shop/t-shirts/?a=1&b=2
href="/shop/t-shirts/#comments
это обычные ссылки.
Согласен статья элементарная. Я ее сначала написал для себя, чтобы разложить все по полкам у себя в голове. Но главное решить для себя нетривиальный вопрос «root-lelative(4) vs base(5)». Надеюсь сообщество поможет мне разобраться.
Это, как раз, частный случай, особенностей якоря. В вашем коде стоит: clip-path=«url(#myClip)». Я сделал тестовую страницу специально с папкой на уровень ниже, и добавил имя папки в url: clip-path=«url(svg/#myClip)». Теперь, ваша картинка работает: http://blox.ru/svg/.

Нужно всегда держать в голове особенность применения якорей с тегом base. Например, Angular JS в режиме HTML5 также использует base, и программисты столкнулись по началу с трудностями.
Мы много лет пользуемся ссылками на основе base в нашей CMS — проблем пока не было, кроме одной. Програмисты, не знающие о том, что в CMS используется base, спотыкаются при первой попытке использования якоря, потом всё идет нормально.
По этой ссылке вы попадете на главную страницу, так сказать, портала http://site.ru/
В этой же статье описан более сложный случай, а именно: на портале имеется независимый сайт (интернет-магазин), который лежит в папке http://site.ru/shop
Не совсем понятно как будет копироваться контент. Например, если просто копи-пастить в WYSIWYG редактор, то там будут стоять уже абсолютные ссылки.
А если говорить о ботах, то они учитывают и хост, и base, так как, на мой вгляд, самый распространенный вариант ссылок отнюдь не абсолютный, а root-relative то есть, href="/shop/".

Information

Rating
Does not participate
Location
Набережные Челны, Татарстан, Россия
Date of birth
Registered
Activity