::..CSS..:: ::..HTML..::

How to target specific browsers

Most developers (& web designers) are aware of browsers specific problems when it comes to rendering websites. The following code will target specific browsers, and you can apply styles to them.

<!--if firefox> .yourSelector { margin-top:0; } < ![endif]-->
<!--if chrome> .yourSelector { top:6px; } < ![endif]-->
<!--if!if ie> .yourSelector { top:8px; } < ![endif]-->
<!--if opera> .yourSelector { top:10px; } < ![endif]-->
<!--if safari_webkit> .yourSelector { top:12px; } < ![endif]-->
::..Development..:: ::..HTML..:: ::..SEO..::

Using the hreflang tag for SEO

So, what is the hreflang tag, and why does Google like it?

To ensure the right language appears on the page when viewed in various countries, Google introduced (Dec. 2011) and started using the <hreflang> tag. It is code that needs to reside in the <head> tag (or the sitemap.xml file) of your website. This tag specifies the language (ex. US English is "en-us") and allows the search engines to serve up the content you intend depending on the location of the visitor. More specifically in terms of SEO, it gets down to targeting internationally and regionally. You ARE in control of which documents/pages are viewed.

For example, the code looks like this:

<link rel="alternate" hreflang="en-us" href="" />

or like this:

<link rel="alternate" hreflang="en-us" href="" />

The only difference in the 2 links above are the locations of the files in English. You’ll notice the url (href=" ") displays the path where the files are located. Each “/” is a new folder. The first link example above displays the URL in English as a subdomain. "". For more information about subdomains, look here.

The code above is HTML. For me, it’s easy to understand because I am a web developer. I also love explaining it in “English” (no pun intended, lol). So, let’s dive in a little bit deeper and take a look at the code to see what’s going on.

First, let’s start with the beginning.

You will notice, the code starts with <link> tag. This is an HTML tag, that tells the browser there is a connection (link) from this document to an external resource. And looks like this:
hreflang tag

The rel="alternate" part of the link tells the browser that there is an alternate version available, and specifies the relationship between the linked documents.
*Note, the rel=" " tag also accepts other values (here the value is “alternate”) and is a required attribute for the <link> tag.

rel tag

Here’s a list of values for the rel=" " tag.

hreflang tag

You’ll also notice the markup has a pattern…the tag (rel), then an =" ". What you put in the ” ” is the attribute. The syntax is the same pattern.

href tag

The <link> tag also supports global attributes in HTML, as well as event attributes in HTML.


::..Development..:: ::..File me..:: ::..HTML..::

What is a subdomain?

A subdomain a URL that resides in a sub-directory from the root folder of your website. It is at the beginning of your web address, and is separated with a period “.”. The URL will look like this:

<a href="">

*Note: If your website is hosted with us, we can set up your subdomain for you. Contact us for more information.

::..File me..::

“The Tablet That Can Replace Your Laptop” – New Surface Pro 3 Tablet

::..Development..:: ::..HTML..:: ::..Tech..::

Unicode Characters

Mark Description Oct Hex HTML
© Copyright Symbol 169 0xA9 &copy;
® Registered Mark 174 0xAE &reg;
Trade Mark 8482 0x2122 &trade;
Service Mark 8480 0x2120 &#8480;
% Percent Sign 045 0x25 &#37;