Jump to content

Непонятная вёрстка сайта


Recommended Posts

Здравствуйте!

Я столкнулся с какой то непонятной вёрсткой, вроде как 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>

Подскажите кто что знает? Саму вёрстку надо нацепить на движок а как это сделать с таким кодом даже не представляю.

Link to post
Share on other sites
  • Administrators

Если кратко, то здесь определены:

  • градиент
  • свг маска

В этом блоке содержится лишь их описание (определение), а используются они где-то в другом месте на странице. Т.е. нужно искать тег <use>, который имеет атрибут href, имеющий один из id - gradient или clients-mask.

Если подробнее:

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use

Link to post
Share on other sites
1 минуту назад, DevilStar сказал:

Если кратко, то здесь определены:

  • градиент
  • свг маска

В этом блоке содержится лишь их описание (определение), а используются они где-то в другом месте на странице. Т.е. нужно искать тег <use>, который имеет атрибут href, имеющий один из id - gradient или clients-mask.

Если подробнее:

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use

Спасибо

Link to post
Share on other sites
8 минут назад, DevilStar сказал:

Если кратко, то здесь определены:

  • градиент
  • свг маска

В этом блоке содержится лишь их описание (определение), а используются они где-то в другом месте на странице. Т.е. нужно искать тег <use>, который имеет атрибут href, имеющий один из id - gradient или clients-mask.

Если подробнее:

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use

Я сейчас ещё заметил что весь код HTML там в одну строчку. Вы не знаете каких программ которые могли бы выровнять код хотя бы после каждого тега?

Link to post
Share on other sites
  • Administrators

Я использую phpstorm, для всего. Там эта функция работает по умолчанию.

Либо, если единоразово - https://www.cleancss.com/html-beautify/ Но он путается с svg иногда и не правильно расставляет отступы.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...