F inally, some meta tags serve a purpose that is unique for the site in question. Oftentimes, beginning web developers wont include meta tags because they dont affect any contents on the webpage. Frontpage automatically insert meta tags for you or can be configured to do so. In meta tags html meta tags we learned about the structure of meta tags. Each paragraph is displayed on a new line with some whitespaces within multiple paragraphs. Oct 28, 2019 html tags can contain one or more attributes.
A comprehensive tutorial with step by step instructions with accompanying full color screenshots in word or pdf format enabling you to build your own basic web site by. In this episode we learn about some different uses for the meta tag. It requires prior knowledge of basic web editing or web coding learned in the html tutorial part 1 and 2. The meta tag is used to generate additional info to the search engine. Nov 27, 2012 in this episode we learn about some different uses for the meta tag.
There are many different meta tags you can include in your pages but the most. To add meta tags you add meta tags within the tags of your html document. The meta elements can be used to include namevalue pairs describing properties of the html document, such as author, expiry date, a list of keywords, document author etc. Html meta tags are html elements that provide meta information about your html document. Difference between html and xhtml html tag tutorialspoint. In the exercise folder youll find the snippets file. These invisible units provide a flag for search engines to investigate and will then present that data to any potential users that stumble across your site through a search engine. If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference. Setting the equiv attribute to windowtarget, you can then specify that if someone tries to view one of your webpages in a frames page, it will break out of the frames page and will fill the entire browser window with the content attribute this is an important measure that can be used to prevent someone from trying to load one of your pages in their own site. Html lets you specify metadata additional important information about a document in a variety of ways. Before we start using it in our trails page,i want to take a moment to look at the specification. What are pdf tags in acrobat 7 and why should i care. One great thing about html compared to programming languages is that it is finite.
If you click the save button, your code will be saved, and you get an url you can share with others. Html tutorial meta tag keywords, description, refresh. These tags will indent your text by approximately 5 to 7 spaces. Html meta tag provides the meta information of web page such as meta description, meta keywords and meta charset etc. The meta element can be used to include namevalue pairs describing properties of the html document, such as author, expiry date, a list of key words, author etc. Required one of the following attributes must be specified for the markup to be valid name. The meta information is not display but it is useful for search engine. Meta tags are used to supply information for search engines that will not be seen by the web surfer. The course is designed for new web developers, and will introduce common web development concepts. Defines a name for the metainformation contained in the content attribute.
Oct 09, 2017 this video is one in a series of videos where well be looking at building websites with html. M eta tags are used to store information usually relevant to browsers and search engines. Html html tutorial meta tag keywords, description, refresh, revised. Free pdf html tag tutorial using notepad, pdf download part 3. There must not be more than one meta element with its name attribute set to the value applicationname per document. Its main purpose is to serve as a general wayto define document level metadata,although it has, over the years,evolved to serve some very specific purposes as well. Meta tags must be located inside the head element of your html document. Html tag the html tag is used for declaring metadata for the html document. Html meta tag is used to provide structured metadata about a web page. Our next step in creating our prototypeis to add the meta viewport tag. Well organized and easy to understand web building tutorials with lots of examples of how to use html, css, javascript, sql, php, python, bootstrap, java and xml. The meta elements can be used to include name value pairs describing properties of the html document, such as author, expiry date, a list of keywords, document author etc. Html, an acronym for hypertext markup language, is a computer language for creating websites and web applications.
Html meta tags web development tutorials for html, xhtml. Specifying color by hexadecimal code, list of useful html tags and more. Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag. Consisting mainly series of codes usually written in a text file and saved as html, code written in the html language translates into a beautiful, wellformatted text or a combination of text and media when viewed through a browser. Example following is an example of redirecting current page to another page after 5 seconds. Also, multiple whitespaces within a paragraph are ignored and collapsed into a single whitespace. If you want to allow the user to scale the page remove userscalableno and maximumscale1. Attributes are added to a tag to provide the browser with more information about how the tag should appear or behave. What are these mysterious meta tags that webmasters sometimes talk about. Typically, they control the action of browsers, and may be used to refine the information provided by the actual headers.
Mar 16, 2017 hello friends, in this video, you can learn about what is meta tags in html. This tutorial describes the common meta tags you should place in each of your html documents. These information will not be seen, unless the user will select view source from the view menu where he will have access to the html part of the page. At the end of this tutorial, you should know the html tags for a template, a paragraph, different headers, lists, and tables. If the pdf file is also optimized for reflowing of content, it will read well using assistive technologies that do not use pdf tags, as well as on mobile devices. If you want to redirect page immediately then do not specify content attribute. Learn more about these and other questions about meta tags from the articles listed here. Browsersuser agents may use the application name in. Defines meta information to be associated with equiv or name. This paper will outline the steps needed to create html metadata using the dublin core element set, and some of the benefits of doing so. However, including meta tags are vital, as search engine bots use them to crawl through webpages.
Must be a short freeform string giving the name of the web application that the page represents. How to add meta tags to optimise search engine hits. Html tutorial for beginners 101 including html5 tags. The meta information is used by search engines to find out what your html page is about.
Html meta tags are thus not visible in the browser. The set is fairly easy to learn but must be combined with html if to provide metadata for referencing by a web crawler or search engine. This is the standard of writing in xhtml, and dynamic html. The latest version of html is html 5, and many new elements were added to it and. This program may add special meta tags to allow an indexing of the articles. There is probably someone out there who, just for the fun of it, memorized all the html tags and can rattle them off in alphabetical order or according to the number of letters in the tag. Html tutorial meta tag keywords, description, refresh, revised. Attributes consist of a name and a value separated by an equals sign, with the value surrounded by doublequotes. Tags using this form should have an equivalent effect when specified.
The title tag isnt a meta tag but is related to the discussion in this article. The tags are basically used to structure the metadata of web documents like keywords, description, character encoding, author name, and other metadata. Absolutely all the elements that will be displayed by a browser need a tag or two. Now you should have your template file and a new file that is an exact copy of the template file.
The title tag displays the text you see in the top bar of a web page. A pdf file equipped with qualitycontrolled tags may be read effectively using a screenreader or other assistive technology that reads pdf tags. Html tag the html tag is used for indicating an abbreviation like etc. The tag is used to provide such additional information. The set of keywords should be keywords that are directly related to the content and subject matter of a webpage. An example might be a newspaper site, where the journalist sends a text of an article to an advanced tool that creates an html document of it. Whatever you put between these two tags will show up in the title bar way at the top. If the page is not a web application, the applicationname metadata name must not be used. When you use a meta tag, you specify the attribute and the value. Creating html metatags using the dublin core element set. Well organized and easy to understand web bulding tutorials with lots of examples of how to use html, css, javascript, sql, php, and xml. Meta tags are one of the oldest and most popular waysto include additional information about your page content. Html lets you specify metadata information about a document rather than document content in a variety of ways.
This tag will set up the device width,the initial scale of our webpage,how it scales, and. Examples would be tags telling it to load a specific url after x seconds or tags telling it that a certain page should not be cached. This video is one in a series of videos where well be looking at building websites with html. Jul 31, 20 how to add meta tags to optimise search engine hits.
296 194 1268 1075 487 16 1537 144 987 1433 40 916 143 1359 388 1382 443 1222 1390 1434 874 1367 75 3 510 371 1383 1433 971 681 1200 53 897 961 416 588 25 187 1457 635 595 1025 1464 1312