<meta charset="utf-8"> still needed today? - html

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.

Related

I am getting errors but I am unsure how to fix them. I am doing this for a class and this is my first time ever doing this

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>

VS Code - Why doesn't "!+tab" create an HTML template anymore

I used to be able to type "!+tab" at the beginning of a new HTML tab to create the basic layout of an HTML page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sunshine Seasonal Solutions</title>
</head>
etc.....
What could I have changed in the settings for the snippet to not work anymore?
Tried different settings in VS Code

<!DOCTYPE html> vs <!doctype html> and <meta charset="utf-8"> vs <meta charset="utf-8" />

Document Type Declaration
<!DOCTYPE html> vs <!doctype html>
Capital letter DOCTYPE declaration or small letter doctype declaration which one is authentic?
Character encoding meta tag
Same type of 3 character encoding meta tags
<meta charset="utf-8"> non-slash version
<meta charset="utf-8"/> slash version
<meta charset="utf-8" /> a single white space followed by slash.
Which one is authentic?
To be sincere all are the same.
It depends on your preference
You can choose to use any of them.

What is the proper declaration in HTML head?

<!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 on of the tabs is in chinese

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..