Webmakers/Projects/aWorldOfLinks: Difference between revisions

Jump to navigation Jump to search
no edit summary
mNo edit summary
No edit summary
Line 19: Line 19:
<p>There are two features of svg images we'll be taking advantage of. Firstly, in modern browsers, you can just grab the code above and drop it in a div, or anywhere else in the middle of your html and it should work just fine. The second feature are that svg's can handle links just like html, well almost just link. You'll need to write your links like this:</p>
<p>There are two features of svg images we'll be taking advantage of. Firstly, in modern browsers, you can just grab the code above and drop it in a div, or anywhere else in the middle of your html and it should work just fine. The second feature are that svg's can handle links just like html, well almost just link. You'll need to write your links like this:</p>
<code>
<code>
<a xlink:href="http://en.wikipedia.org/wiki/country-name">
  <a xlink:href="http://en.wikipedia.org/wiki/country-name">
  <path id="country-name" d="M0,0l10,10z" />
    <path id="country-name" d="M0,0l10,10z" />
</a>
  </a>
</code>
</code>
<p>Notice two things about our href. First "xlink:" is prepended to it, that's because technically it's xml not html. Secondly, the url: http://en.wikipedia.org/country-name. Wikipedia searches for whatever you put after the .org/ How convenient is that!?</p>
<p>Notice two things about our href. First "xlink:" is prepended to it, that's because technically it's xml not html. Secondly, the url: http://en.wikipedia.org/country-name. Wikipedia searches for whatever you put after the .org/ How convenient is that!?</p>
8

edits

Navigation menu