Here is the code
<!DOCTYPE html>
<html lang="en">
<title>Finance Mini Guide</title>
<head>
<meta charset="UTF-8">
<meta name="description" content="The best place on the internet to learn about everything finance.">
<meta name="keywords" content="Stocks, Bonds, Real Estate, Taxes, Financial Literacy">
<meta name="author" content="Matthew Walker">
</head>
<body>
<h1>Financial Education Mini Guide</h1>
<p>Hello reader.</p>
</body>
</html>
These are the errors
errors
I was following the instructions given on my assignment page and even followed the example. When I used the HTML checker to check my work, I got a bunch of errors. The only thing I did differently was used visual studio instead of notepad++ because I could use the live server feature.
I put your code it to the markup validator and it shows up only one error. It's because "title" tags should be inside "head" tags :)
<!DOCTYPE html>
<html lang="en">
<head>
<title>Finance Mini Guide</title>
<meta charset="UTF-8">
<meta name="description" content="The best place on the internet to learn about everything finance.">
<meta name="keywords" content="Stocks, Bonds, Real Estate, Taxes, Financial Literacy">
<meta name="author" content="Matthew Walker">
</head>
<body>
<h1>Financial Education Mini Guide</h1>
<p>Hello reader.</p>
</body>
</html>
Related
In my cpanel I create a html file and add a simple html code. But it shows Internal Server Error and in console it says "This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use <!DOCTYPE html>." Here is my code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Test</title>
</head>
<body>
<p>This is test page</p>
</body>
</html>
I am using Standards Mode of HTML. But it doesn't work.
I'm using discord, and I saw a lot of people do that thing (the big square in the image).
I tried to do that in html with meta tag, but it came out with the result (image number 2).
I really want to know how to do this, can someone please help me?
Image number one
| image number two
And there is the code I use for doing this:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:title" content="An Image By ItsJustOne#9817">
<meta property="og:description" content="Remember always that there is an end in the tunnel 🥰">
<meta property="og:image" content="https://cdn.discordapp.com/banners/907132383814377502/4aca154cd6040b31aacaaf781877f121.png?size=1024">
<meta name="viewport" content="width=device-width">
<title>Why You Are Here?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
Why You Are Here?
<script src="script.js"></script>
</body>
</html>
The image I'm trying to use is my discord banner.
It was 4 months ago, and I forgot to write here that I found a solution a week after asking here!
The solution is simple, using other meta tags, not the regular. The twitter meta tags.
<meta name="twitter:title" content="Title">
<meta name="twitter:description" content="Cool description">
<meta name="twitter:image" content="the image link">
<meta name="twitter:card" content="summary_large_image">
Replace there the title, description, and the image link.
I look at the bootstrap4 introduction and see this:
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
Source: https://getbootstrap.com/docs/4.4/getting-started/introduction/
Is <meta charset="utf-8"> still needed today?
I only support browsers with a market share greater than 2%.
it's not necessary but it doesn't hurt to add an single line to your code.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=width-divice, initial-scale=1.0">
<link rel="icon" href="images/icon/icon.png">
<title>T#O</title>
<link rel="stylesheet" href="style/style.css">
</head>
</html>
I ask if there is a lacking code that need to put
You can use this meta tags for SEO if you want
<meta name="keywords" content="wood, furniture, garden, gardentable, etc">
<meta name="description" content="Official dealer of wooden garden furniture.">
This meta tags tells search engines not to index the page and prevent them from following the links. If you happen to be using two contradictory terms (e.g. noindex and index), Google will choose the most restrictive option.
<meta name=”robots” content=”noindex, nofollow” />
Why is this tag useful for SEO? First of all it’s a simple way to prevent the indexation of duplicate content, for example the print version of a page. It might also be useful for incomplete pages or pages with confidential information.
Also i sometimes use
<meta name="author" content="John Smith">
You have a typo in your viewport declaration - it needs to be "device-width". Other than that, your head declaration includes all the necessary parts and looks valid to me.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/icon/icon.png">
<title>T#O</title>
<link rel="stylesheet" href="style/style.css">
</head>
</html>
I uploaded my website and one of the tab(more info) is in chinese for some reason and I dont know why. here is the the url http://bushdid911.net
http://pastebin.com/jFBUV1ga
At very least, you should add
<meta charset="utf-8">
to the html's <head> section.
A (very, very) basic html template you should use is
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page title</title>
</head>
<body>
</body>
</html>
Another reason could be that Bush did this, too. Just to create another conspiracy theory..