target ="_blank" automatically added in email - hyperlink

I am trying to send a newsletter containing multiple links and anchors to navigate through the page. Usually this works fine but the links no longer work now and open a new page instead (my mailbox).
I've noticed that the code of my links in the original page:
<a class="western" href="#Menu">Menu</a>
is automatically turned into the following in the email received :
<a class="western" target="_blank" rel="noreferrer noopener" href="#Menu">Menu</a>
Any idea what might be causing this and how to fix it?

Different e-mail clients support different HTML features.
Anchor links, for example, are not very well supported at all.
An e-mail client can display your HTML in any way it wants: filtered, modified or even not at all. It's out of your hands, in this case.

Related

vlink not working only when a tag has the target set to blank

I just started a course about web design (only static web pages) and we're learning HTML.
I'm having trouble with the vlink attribute in the element. It doesn't work with links that open in a new tab (I think they're called external links).
<body link="gold" alink="blue" vlink="plum">
Concepto
</body>
It does work with internal links though. Also, link and alink attributes work fine, including with external links.
I'm using SPCK editor to write my code (a phone app, don't have a computer yet).
My knowledge is kind of limited and I'm not an English speaker, please bear that in mind.
Thank you all

Sendgrid shows different link location on hover

I use sendgrid to blast emails out for different clients. I have one master account and then a few sub accounts. Each account has a subdomain and a unique ip address assigned to it.
Lately I have been having an issue where I link an image to Company A's website and it goes to it, but when you hover over it, Company B's website shows. Not sure why. Links are correct and I am not doing anything fancy.
Likely this is due to the setting of the title attribute in your HTML. I know most GUI editors (WYSIWYG) they will automatically create a title that is the URL inside the a tag.
If you are just changing the URL inside an a tag, then you likely still have the old URL inside of the title attribute of the a tag.
For example:
<img src="prettyimage.jpg" />
If you took that and just replaced URL 1 with URL2 in the href, the title would still display URL1 on hover.
Your options are:
If you design it via WYSIWYG editor:
See if your editor allows the option to edit title on a tag
Remove the the link completely and create a new link each time
If you hand code:
Edit the title each time you change the href
remove the title attribute completely from the a tags

HTML link to specific pages in PDF

I have looked around the web and have found that appending #page=?? to the end of a PDF link will automatically take the visitor to that specific page in the PDF file.
I was wondering if this is still best practice as it doesn't seem to be working for me (Chrome on Windows 7). Also, all the articles I have found so far date back to 2006-2008, have things changed recently?
This is still valid code but it may require that some version of Acrobat (Reader, Pro, etc) be installed as a plugin on the browser in order for it to work as expected. Since multiple commonly-used browsers now have a built-in reader (Chrome, Safari for iOS are the big two that come to mind) support for direct page linking is somewhat spotty now. You can still do it...the worst case scenario is that the PDF just opens to the first page for those users but I would advise to just leave off the direct page link. If the page is that important, extract it to a separate PDF and link to that.

grails - how to view resulting page source javascript, when it is updated via Ajax via rendering of a template, for example

If one uses remoteFunction or one of the the Grails Ajax capabilities, rendering a template to update a portion of a page, how does one see any additions made to the Javascript functions associated with the resulting page in Chrome or Firefox?
In Chrome, one is able to see the updated page/DOM via going to their Tools -> Developer Tools menu item, then selecting "Elements". There, I'm able to use the magnifying glass to select a portion of the updated page that I want to see. But, how do I also see the additional Javascript functions added to the page.
NOTE: Originally this question requested to see both html element content and Javascript content. Karthick AK's answer handles both.
In Chrome->Developer tool-> Network tab,
For each request being sent the response obtained can be seen in the Response tab. The rendered content can be seen in here.
Similiar option exists for firefox/firebug.
Another ajax gotcha i have experienced is, sometimes the ajax requests are cached and hence onclick the content is served from the cache and not an actual requests hits the server. This is more prominant in Old IE browsers

duplicate url+content generation problem

In my current site I have a link in the header section for skype, Gtalk, MSN chat, by clicking on the link the chat application get launched.
The problem is that, the link uses a href tag. and by doing this the SEO process is facing problem as there is some duplicate url have been created. In SEO process if different URLs have the same content the process not works.
Any suggestion from coming out from this problem.
One simple way to remedy this is add this adding a element with the attribute rel="canonical" to the section of the non-canonical version of the page.
More information please go to http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=139394
make them js url (with the js function in an external script)

Resources