Једном када имамо оно што називамо нашим „дефс блоком“ СВГ-а - оним делом СВГ-а који дефинише све ствари које желимо да нацртамо касније - где да га ставимо? До сада смо га стављали директно у ХТМЛ, а то апсолутно делује. Ако га оставимо на врху странице, реците одмах након уводне ознаке:
То ће одлично функционисати у свим прегледачима који подржавају СВГ.
Можда би било примамљиво померити ово доле. Можда иконе нису од пресудног значаја за страницу, нису толико виталне колико је потребан стварни садржај који је на тој страници намењен, па уместо тога премештамо иконе на дно странице, одлажући њихово учитавање као што то често чине ЈаваСцрипт. Покушавамо ово у видеу, али има проблема са Сафари-јем приказивањем икона које смо касније покушали . Да будем искрен, видео сам недоследно понашање или разне типове и у другим прегледачима, радећи то на овај начин, и чини се да се предео мало помера у том погледу. Па сам чуо: је тешка ствар за спровођење. Најсигурније је ставити блок на врх ако на крају држите деф у правим документима.
У овом видеу ћемо погледати основно тестирање свега овога, а затим ћемо погледати неке веб странице из стварног света које користе овај систем и како / где убацују свг дефс блок.
Погледајте оловку 954е71цб5д5е79фб61д3ц89бб3ф21б8а Цхриса Цоииера (@цхрисцоииер) на ЦодеПен-у.
Белешка
Свиђа ми се израз „СВГ дефс блоцк“ - само да бисмо га могли назвати нечим што има одређену сврху, али заправо нема званично име. Али, не морате увек да користите ознаку. Када користите с, они се ионако не приказују сами, и заиста мислим да не би требало да буду унутра . Чуо сам да су дефиниције градијената у СВГ исте, а неће ни функционисати ако су у . Без обзира на то, то је и даље „блок СВГ кода који тек дефинишемо да користимо касније“, па ћу га вероватно и даље звати „СВГ дефс блоцк“.