Title and meta tag
Title tag#
The title tag holds the text that will dispaly in search engine search results, browser tabs, bookmarks, etc. You can find it in the <head> element of the HTML document.
Web page meta tags#
Meta tags are located in the <head> tag of an HTML document. They are usually not displayed anywhere. But they provide meta information of the web page so that tools like search engine and social media can make use of them.
Comments with EDIT THIS prefix are added in this section to explain each tags' purpose. You should edit them to complete your web page customization.
Share via email template#
In the <header> element, you can find an <a class="social-links"> tag with an href attribute:
You should create a string of text following the format below for the email template:
mailto:?subject=email%20title&body=email%body%content
Notice it has some special characters in it. That is because in a URL you need to escape certain special characters so that they can be displayed properly.
To deal with this, you can write a plain text like this:
mailto:?subject=data story email title&body=my email body content
Then, use a tool like https://www.web2generators.com/html-based-tools/online-html-entities-encoder-and-decoder to convert any special characters.
Last, copy & paste the converted text in the href attribute.
When you click the share by email icon, the computer's default email client will be automatically filled with the template:
Excercise
- Update some meta tags