Biotoxsin 4 Posted April 4, 2019 Report Share Posted April 4, 2019 Здравствуйте! Я столкнулся с какой то непонятной вёрсткой, вроде как svg но сам браузер в исходном коде определяет всё как html. И вот я не могу понять что это такое? *Код из которого почти полностью состоит вся страничка* <defs> <linearGradient id="gradient"> <stop offset="0%" stop-color="#e7a900"/> <stop offset="100%" stop-color="#996f00"/> </linearGradient> <mask id="clients-mask" maskUnits="userSpaceOnUse" x="0" y="0" width="610" height="330"> <path fill="white" d="M0,330H425V0H0Zm10-13.46A9.57,9.57,0,0,0,13.34,320H10ZM14.81,312a4,4,0,0,1,4.24-3.88,4.08,4.08,0,0,1,4.36,4,4,4,0,0,1-4.24,4A4.12,4.12,0,0,1,14.81,312Zm22.4-1a4.6,4.6,0,1,1,4.6,4.72A4.48,4.48,0,0,1,37.21,311Zm29.6,9H59.43c2-1.31,3.06-3.76,3.06-7.28v-6h4.32Zm188.36-28c0-13.5,4.1-20.8,12.5-20.8s12.5,7.3,12.5,20.8-4.1,20.8-12.5,20.8S255.17,305.5,255.17,292Zm63,0c0-13.5,4.1-20.8,12.5-20.8s12.5,7.3,12.5,20.8-4.1,20.8-12.5,20.8S318.17,305.5,318.17,292Zm63,0c0-13.5,4.1-20.8,12.5-20.8s12.5,7.3,12.5,20.8-4.1,20.8-12.5,20.8S381.17,305.5,381.17,292Zm32.12,28q.9-1,1.71-2.11V320ZM415,10V266.11c-4.87-6.65-12.09-10.51-21.33-10.51-18.1,0-28.5,14.8-28.5,36.4,0,11.8,3.11,21.56,8.88,28H350.29c5.77-6.44,8.88-16.2,8.88-28,0-21.6-10.4-36.4-28.5-36.4s-28.5,14.8-28.5,36.4c0,11.8,3.11,21.56,8.88,28H287.29c5.77-6.44,8.88-16.2,8.88-28,0-21.6-10.4-36.4-28.5-36.4s-28.5,14.8-28.5,36.4c0,11.8,3.11,21.56,8.88,28H229a22.46,22.46,0,0,0,5.19-15c0-15.4-11-23.4-24-23.4h-5.7l.7-9.6h25.5V257h-40.5l-2.9,40.2h21.9c6.1,0,9,3.5,9,7.8s-2.9,7.8-9.5,7.8-9.6-2.8-11.2-7.4l-13.8,8a23.82,23.82,0,0,0,4.09,6.6H116.28a9.55,9.55,0,0,0,2.73-2.56l-4.8-2.76a5.22,5.22,0,0,1-3.84,1.52c-2.2,0-4-.72-4.8-2.8h14.2A11.61,11.61,0,0,0,120,311c0-6-4.32-10.56-10.16-10.56A10.25,10.25,0,0,0,99.21,311a10.11,10.11,0,0,0,4.93,9H93.28A9.54,9.54,0,0,0,96,317.44l-4.8-2.76a5.22,5.22,0,0,1-3.84,1.52c-2.2,0-4-.72-4.8-2.8h14.2A11.61,11.61,0,0,0,97,311c0-6-4.32-10.56-10.16-10.56A10.25,10.25,0,0,0,76.21,311a10.11,10.11,0,0,0,4.93,9H72.81V301H56.49v11.32c0,2.48-1,3.64-2.88,3.08V320H47.4a10.6,10.6,0,1,0-11.17,0h-11a8.85,8.85,0,0,0,4.18-7.8,8.51,8.51,0,0,0-8.28-8.72,8.15,8.15,0,0,0-5.48,1.88c.56-1.4,1.6-2.56,5.16-3.88,4.24-1.6,6.72-3.08,7.52-6.44l-5-2.84c-1.16,2.84-2.92,3.36-7.2,5.48-3.16,1.56-5.05,3.18-6.17,5.19V10ZM105.45,308.92a4.5,4.5,0,0,1,8.6,0Zm-23,0a4.5,4.5,0,0,1,8.6,0Z" /> <polygon fill="white" points="456.86 300 449.86 300 443.86 308.76 443.86 300 437.87 300 437.87 320 443.86 320 443.86 311.16 450.26 320 457.06 320 449.58 310 456.86 300"/> <path fill="white" d="M460.34,311.32c0,2.48-1,3.64-2.88,3.08V320c5.84.68,8.88-2.24,8.88-8.28v-6h4.32V320h6V300H460.34Z"/> <polygon fill="white" points="486.9 310 486.9 300 481.06 300 481.06 320 485.46 320 494.02 310 494.02 320 499.86 320 499.86 300 495.46 300 486.9 310"/> <path fill="white" d="M513.9,299.44A10.25,10.25,0,0,0,503.26,310c0,6,4.24,10.56,11.08,10.56a10.15,10.15,0,0,0,8.72-4.12l-4.8-2.76a5.22,5.22,0,0,1-3.84,1.52c-2.2,0-4-.72-4.8-2.8h14.2a11.61,11.61,0,0,0,.24-2.4C524.06,304,519.74,299.44,513.9,299.44Zm-4.4,8.48a4.5,4.5,0,0,1,8.6,0Z"/> <polygon fill="white" points="540.26 307.2 533.46 307.2 533.46 300 527.46 300 527.46 320 533.46 320 533.46 312.8 540.26 312.8 540.26 320 546.26 320 546.26 300 540.26 300 540.26 307.2"/> <polygon fill="white" points="548.86 305.76 554.9 305.76 554.9 320 560.9 320 560.9 305.76 566.86 305.76 566.86 300 548.86 300 548.86 305.76"/> <path fill="white" d="M578.26,299.44A10.56,10.56,0,1,0,588.86,310,10.48,10.48,0,0,0,578.26,299.44Zm0,15.28a4.72,4.72,0,1,1,4.6-4.72A4.49,4.49,0,0,1,578.26,314.72Z"/> <path fill="white" d="M607.18,309.76a4.8,4.8,0,0,0,1.88-4c0-3.32-2.36-5.72-6.8-5.72h-10v20h10.8c4.44,0,6.8-2.4,6.8-5.72A4.87,4.87,0,0,0,607.18,309.76Zm-9.32-5h3.76c1.08,0,1.76.44,1.76,1.44s-.68,1.36-1.76,1.36h-3.76Zm4.4,10.24h-4.4v-2.88h4.4c1,0,1.76.44,1.76,1.4S603.3,315,602.26,315Z"/> </mask> </defs> Подскажите кто что знает? Саму вёрстку надо нацепить на движок а как это сделать с таким кодом даже не представляю. Quote Link to post Share on other sites
Administrators DevilStar 1168 Posted April 4, 2019 Administrators Report Share Posted April 4, 2019 Если кратко, то здесь определены: градиент свг маска В этом блоке содержится лишь их описание (определение), а используются они где-то в другом месте на странице. Т.е. нужно искать тег <use>, который имеет атрибут href, имеющий один из id - gradient или clients-mask. Если подробнее: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defshttps://developer.mozilla.org/en-US/docs/Web/SVG/Element/use Biotoxsin 1 Quote Link to post Share on other sites
Biotoxsin 4 Posted April 4, 2019 Author Report Share Posted April 4, 2019 1 минуту назад, DevilStar сказал: Если кратко, то здесь определены: градиент свг маска В этом блоке содержится лишь их описание (определение), а используются они где-то в другом месте на странице. Т.е. нужно искать тег <use>, который имеет атрибут href, имеющий один из id - gradient или clients-mask. Если подробнее: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defshttps://developer.mozilla.org/en-US/docs/Web/SVG/Element/use Спасибо Quote Link to post Share on other sites
Biotoxsin 4 Posted April 4, 2019 Author Report Share Posted April 4, 2019 8 минут назад, DevilStar сказал: Если кратко, то здесь определены: градиент свг маска В этом блоке содержится лишь их описание (определение), а используются они где-то в другом месте на странице. Т.е. нужно искать тег <use>, который имеет атрибут href, имеющий один из id - gradient или clients-mask. Если подробнее: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defshttps://developer.mozilla.org/en-US/docs/Web/SVG/Element/use Я сейчас ещё заметил что весь код HTML там в одну строчку. Вы не знаете каких программ которые могли бы выровнять код хотя бы после каждого тега? Quote Link to post Share on other sites
Administrators DevilStar 1168 Posted April 4, 2019 Administrators Report Share Posted April 4, 2019 Я использую phpstorm, для всего. Там эта функция работает по умолчанию. Либо, если единоразово - https://www.cleancss.com/html-beautify/ Но он путается с svg иногда и не правильно расставляет отступы. Biotoxsin 1 Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.