title: How do you escape a '@' symbol within in a url with razor
body: <p>I know this is probably going to be something very simple and it is like just a 'gotcha' that I have yet to get; however, I have been struggling with escaping the <code>@</code> symbol in the following URL.</p>
  
  <pre><code>&lt;a href="https://www.google.co.uk/maps/place/XXXXXXXXXXXXXXXX/@55.000000,-1.000000,17z/data=!3m1!4b1!4m2!3m1!1s0x487e736c74d13649:0xe560f3b38693aec3"&gt;View on Google Maps&lt;/a&gt;
  </code></pre>
  
  <p>I have already tried escaping it with a second <code>@</code> i.e. </p>
  
  <pre><code>&lt;a href="https://www.google.co.uk/maps/place/XXXXXXXXXXXXXXXX/@@55.000000,-1.000000,17z/data=!3m1!4b1!4m2!3m1!1s0x487e736c74d13649:0xe560f3b38693aec3"&gt;View on Google Maps&lt;/a&gt;
  </code></pre>
  
  <p>Yet that produces the following YSOD</p>
  
  <p><img src="https://i.stack.imgur.com/nxzON.png" alt="Parser Error Message: &quot;55.00000&quot; is not valid at the start of a code block.  Only identifiers, keywords, comments, &quot;(&quot; and &quot;{&quot; are valid.">
  What am I missing?</p>