So, You Want A Meta Command, Huh?
Meta commands don't add anything visually to your page, but they help a great deal when you submit your pages to search engines. Basically, the commands make you very easy to find.
Meta tags in HTML
Meta tags are special tags in HTML that contain auxiliary information about the document. Meta tags and their contents are not displayed. They were designed for search engines, browser that are viewing with the page, caching proxy-servers and other programs that work with HTML. There are many different meta tags. During the development of the Internet environment, many have lost relevance and are not used anymore. Now, let's go through the main types of meta tags, which can come in handy when developing websites.
SEO: Understanding Meta Tags
In this tutorial you will learn more about meta tags when working in SEO. Basically, Meta Tags are the title or head that you decide to give to your web page
Social Media Meta Tags: Why You Should Use Them
Believe it or not, there is such a thing as social media meta tags. And no, they are not useless. Most of you probably know that meta information is data embedded on your site for use by search engines, web browsers, and various other online services. The use of meta data makes it extremely easy for you to tell search engines or web browsers what your site is about, and what is exactly on that page. Social media meta tags are no different. Have you ever shared a link from your blog onto your Facebook page and the image preview is the WordPress symbol and the words are some random thing your blog is not even about? It is annoying, right? Well these social media meta tags take care of just that.
Common HTML Meta Tags
Teaches you about meta tags in HTML, and explains some of the most important meta tags that you might want to include in your Web pages.
Using META Tags for Search Engines and Refresh
META tags are used to help some search engines index your page, especially if your page has frames. META tags should be placed between the <HEAD> and </HEAD> tags of your document. The most common META tags are going to look like this:
Automatic Refreshing You can use META ... to tell the web browser to automatically move to another web page, or refresh the current page, after a specified period of time.
Meta Tags NAME allows you to sneak a few extra words into your web page for the search engine to index.
Also learn the less used tags: Author, Revisit-after, Distribution, No-cache,refresh and robots tags.
Meta-Refresh is a simpler way of redirection, It is much simpler than java or php.
Meta Tags & Search Engines
Want to get a top ranking in search engines? No problem! All you need to do is add a few magical "meta tags" to your web pages, and you'll skyrocket to the top of the listings.
Responsive Meta Tag
This means that the browser will (probably) render the width of the page at the width of its own screen. So if that screen is 320px wide, the browser window will be 320px wide, rather than way zoomed out and showing 960px (or whatever that device does by default, in lieu of a responsive meta tag).
XHTML 1.0 Tutorials - Document Structure and Head Level Tags
A collection of 22 FAQs/tutorials tips on XHTML document structure and head level elements. Clear answers are provided with tutorial exercises on XHTML DTD specifications and the root element; the head and body elements; head level elements like title, meta, base, script, link, and style; description and keywords meta elements.
Stop using the viewport meta tag (until you know how to use it)
In the early years, when the smartphones came to Earth, they knew the Internet wasn’t prepared for them… so they expected every website to be around 1000px width (980px on the iPhone) and zoom out the website to fit into the screen. And so the was created, basically to tell those smart dudes that your website was prepared for them. Nowadays, some popular front-end frameworks like HTML5 Boilerplate, Twitter Bootstrap and other pre-made templates include this meta tag by default –which is great for responsive web design, but very harmful for “traditional” web design. This is how it works.
Navigator vs. IE: As with most fun things on the Web today, it takes two sets of commands to get the same effect on both browsers. But fear not, as also with things on the Web today, both sets of commands will fit nicely on the same page and not bump into one another. The commands not understood by the browser will simply be ignored and those the browser does understand will be put into action.
HTML tutorial: What do those HEAD commands do anyway? Find out here.
Understanding PowerShell Commands
PowerShell commands, also known as Cmdlets, are defined within PowerShell as classes that implement their functionality by using .NET code. They are really .NET classes compiled into Dynamic Link Libraries (DLLs) that are loaded by PSH. In this tutorial, you will learn how to access existing Cmdlets, how what their names mean and how to find help.
How To Redirect A Webpage
This tutorial explains how to use the Meta Tag "Refresh" to redirect to a different URL.
Combining meta viewport and media queries
If you want to make your websites ready form mobile, it’s best to combine with width media queries. That will give your site the optimal width (as determined by the device vendor, who really ought to know), and your site will look the better for it.
Automatic refresh webpage / Set time to redirect
When you need your web page automatic refresh in 5 second or any second, use this meta tag. it's a simple code, put it between HEAD tag in your web page.
Understanding The Viewport Meta Tag
When working on a new web design one of things you need to think about is responsive design. Is the website you are about to make going to need a responsive design? I think all external facing sites should take responsive design into consideration. There are some people who think that responsive design is not worth it as people on mobile devices can zoom in to see what they want, but I feel developers should make a website easy to use on any device.
Don't Forget the Viewport Meta Tag
I remember my maiden voyage into responsive web design; I'd used a classic grid, wrestled with a flexible layout, and tackled media queries for the first time. Stretching and shrinking the browser window resulted in the satisfying sight of my design responding to its surroundings. Then I tested it on a mobile. It didn't work - I was looking at a shrunken down version of the full-screen design. The solution, as it turned out, was simple..