| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| img { |
| width: 100px; |
| height: 100px; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="group-1"> |
| <p>Image URL with no fragmentIdentifier:</p> |
| <img src="resources/rgb-icons-1.svg#"> |
| <img src="http://localhost:8000/svg/resources/rgb-icons-2.svg#"> |
| <img src="http://127.0.0.1:8000/svg/resources/rgb-icons-3.svg#"> |
| </div> |
| <div id="group-2"> |
| <p>Image URL with trailing spaces after the fragmentIdentifier:</p> |
| <img src="resources/rgb-icons-1.svg#green-icon-view "> |
| <img src="http://localhost:8000/svg/resources/rgb-icons-2.svg#svgView(viewBox(0,32,32,32)) "> |
| <img src="http://127.0.0.1:8000/svg/resources/rgb-icons-3.svg#green-icon "> |
| </div> |
| <div id="group-3"> |
| <p>Image URL with non-existent fragmentIdentifier:</p> |
| <img src="resources/rgb-icons-1.svg#non-existent-icon-view"> |
| <img src="http://localhost:8000/svg/resources/rgb-icons-2.svg#"> |
| <img src="http://127.0.0.1:8000/svg/resources/rgb-icons-3.svg#non-existent-icon"> |
| </div> |
| </body> |
| </html> |