SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Frederick Highbaugh Jr Art 2830 Meta Tag presentation
Meta tags are metadata about data.  Metadata quite simply is a set of data that describes and gives information about other data.
Meta tags specify page description and keywords in an HTML document. Meta tags are used to provide information about a web page.  The meta tags are optional and easy to use.
The <meta> tag always goes inside the <head> element. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.
Metadata is always passed as name/value pairs. There are differences between HTML and XHTML meta tag use. In HTML the <meta> tag has no end tag. In XHTML the <meta> tag must be properly closed.
There are three main attributes of meta tags: name, content, and http-equiv.  The  name  attribute specifies the type of information.  The  content  attribute includes the meta-information.  While, the  http-equiv  attribute specifies a particular header type.
Name- Can be anything. Examples include, keywords, description, author, revised, generator etc. Content- Specifies the property's value. Scheme-Specifies a scheme to use to interpret the property's value (as declared in the content attribute). http-equiv- Can be used to refresh the page or to set a cookie. Values include content-type, expires, refresh and set-cookie.
Other attributes Lang- Language code lets us know the language content in an element Dir- Specifies the direction of the text in an element rtl ltr xml:lang-Specifies a language code for the content in an element, in XHTML documents
<!doctype html public &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;> <html> <head> <title>HTML meta tag</title>  <meta name=&quot;keywords&quot; content=&quot;HTML, meta tag, metadata&quot; /> <meta name=&quot;description&quot; content=&quot;HTML tag for declaring metadata for the HTML document&quot; /> <meta http-equiv=&quot;refresh&quot; content=&quot;10&quot; />  </head> <body style=&quot;background-color:orange&quot;> Document content goes here </body> </html>
 

Weitere ähnliche Inhalte

Was ist angesagt?

Fundamental HTML and CSS
Fundamental HTML and CSSFundamental HTML and CSS
Fundamental HTML and CSS
techmonkey4u
 
10. XML in DBMS
10. XML in DBMS10. XML in DBMS
10. XML in DBMS
koolkampus
 
Html tag html 10 x10 wen liu art 2830
Html tag html 10 x10 wen liu art 2830Html tag html 10 x10 wen liu art 2830
Html tag html 10 x10 wen liu art 2830
Wen Liu
 
Web Fundamentals And Html Chapter 1
Web Fundamentals And Html Chapter 1Web Fundamentals And Html Chapter 1
Web Fundamentals And Html Chapter 1
raileeanne
 

Was ist angesagt? (19)

Fundamental HTML and CSS
Fundamental HTML and CSSFundamental HTML and CSS
Fundamental HTML and CSS
 
O9xml
O9xmlO9xml
O9xml
 
Hyperlinktag
HyperlinktagHyperlinktag
Hyperlinktag
 
Ict html
Ict htmlIct html
Ict html
 
Web searching
Web searchingWeb searching
Web searching
 
10. XML in DBMS
10. XML in DBMS10. XML in DBMS
10. XML in DBMS
 
shs-adcppt1
shs-adcppt1shs-adcppt1
shs-adcppt1
 
Gail Borden Library | HTML/CSS Program
Gail Borden Library | HTML/CSS ProgramGail Borden Library | HTML/CSS Program
Gail Borden Library | HTML/CSS Program
 
Intro to HTML
Intro to HTMLIntro to HTML
Intro to HTML
 
Meta tags
Meta tagsMeta tags
Meta tags
 
Web designing using html
Web designing using htmlWeb designing using html
Web designing using html
 
HTML - R.D.Sivakumar
HTML - R.D.SivakumarHTML - R.D.Sivakumar
HTML - R.D.Sivakumar
 
Html tag html 10 x10 wen liu art 2830
Html tag html 10 x10 wen liu art 2830Html tag html 10 x10 wen liu art 2830
Html tag html 10 x10 wen liu art 2830
 
BasicHTML
BasicHTMLBasicHTML
BasicHTML
 
Html tutorials-infotech aus
Html tutorials-infotech ausHtml tutorials-infotech aus
Html tutorials-infotech aus
 
Web Page Designing
Web Page DesigningWeb Page Designing
Web Page Designing
 
HTML - R.D.sivakumar
HTML - R.D.sivakumarHTML - R.D.sivakumar
HTML - R.D.sivakumar
 
INTRODUCTION TO HTML
INTRODUCTION TO HTMLINTRODUCTION TO HTML
INTRODUCTION TO HTML
 
Web Fundamentals And Html Chapter 1
Web Fundamentals And Html Chapter 1Web Fundamentals And Html Chapter 1
Web Fundamentals And Html Chapter 1
 

Ähnlich wie Meta tag presentation

Meta tags
Meta tagsMeta tags
Meta tags
hapy
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
eceklu
 

Ähnlich wie Meta tag presentation (20)

Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
Introduction to HTML.pptx
Introduction to HTML.pptxIntroduction to HTML.pptx
Introduction to HTML.pptx
 
Html for Beginners
Html for BeginnersHtml for Beginners
Html for Beginners
 
What Is Html
What Is HtmlWhat Is Html
What Is Html
 
Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)
 
Vskills certified html5 developer Notes
Vskills certified html5 developer NotesVskills certified html5 developer Notes
Vskills certified html5 developer Notes
 
Html
HtmlHtml
Html
 
Class2
Class2Class2
Class2
 
html-basic.pdf
html-basic.pdfhtml-basic.pdf
html-basic.pdf
 
Markup Documents
Markup DocumentsMarkup Documents
Markup Documents
 
Html
HtmlHtml
Html
 
Meta tags
Meta tagsMeta tags
Meta tags
 
HTML and CSS Basics
HTML and CSS BasicsHTML and CSS Basics
HTML and CSS Basics
 
Introduction to HTML- Week 3- HTMLSyntax
Introduction to HTML- Week 3- HTMLSyntaxIntroduction to HTML- Week 3- HTMLSyntax
Introduction to HTML- Week 3- HTMLSyntax
 
Pptaug7
Pptaug7Pptaug7
Pptaug7
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
Web technology
Web technologyWeb technology
Web technology
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 

Kürzlich hochgeladen

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Kürzlich hochgeladen (20)

Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

Meta tag presentation

  • 1. Frederick Highbaugh Jr Art 2830 Meta Tag presentation
  • 2. Meta tags are metadata about data. Metadata quite simply is a set of data that describes and gives information about other data.
  • 3. Meta tags specify page description and keywords in an HTML document. Meta tags are used to provide information about a web page. The meta tags are optional and easy to use.
  • 4. The <meta> tag always goes inside the <head> element. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.
  • 5. Metadata is always passed as name/value pairs. There are differences between HTML and XHTML meta tag use. In HTML the <meta> tag has no end tag. In XHTML the <meta> tag must be properly closed.
  • 6. There are three main attributes of meta tags: name, content, and http-equiv. The name attribute specifies the type of information. The content attribute includes the meta-information. While, the http-equiv attribute specifies a particular header type.
  • 7. Name- Can be anything. Examples include, keywords, description, author, revised, generator etc. Content- Specifies the property's value. Scheme-Specifies a scheme to use to interpret the property's value (as declared in the content attribute). http-equiv- Can be used to refresh the page or to set a cookie. Values include content-type, expires, refresh and set-cookie.
  • 8. Other attributes Lang- Language code lets us know the language content in an element Dir- Specifies the direction of the text in an element rtl ltr xml:lang-Specifies a language code for the content in an element, in XHTML documents
  • 9. <!doctype html public &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;> <html> <head> <title>HTML meta tag</title> <meta name=&quot;keywords&quot; content=&quot;HTML, meta tag, metadata&quot; /> <meta name=&quot;description&quot; content=&quot;HTML tag for declaring metadata for the HTML document&quot; /> <meta http-equiv=&quot;refresh&quot; content=&quot;10&quot; /> </head> <body style=&quot;background-color:orange&quot;> Document content goes here </body> </html>
  • 10.