I am validating an HTML5 page and is returning these 2 warnings:
Info: The Content-Type was text/html. Using the HTML parser.
Info: Using the schema for HTML with SVG 1.1, MathML 3.0, RDFa 1.1, and ITS 2.0 support.
I'm not sure if the problem is about the meta tag.
This is my code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Home Page</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
</head>
Thanks in advance,
CA
Those are not warnings. They are informational notes.
Your document is fine.
Related
I started the coding journey and installed VSC suggested during a YouTube tut.
It seems that all emmet abbreviations are working except for SHIFT + ! which should give me the below.
<DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
</body>
</html>
Any ideas why this is?
I really appreciate any help you can provide.
I couldn't get VSCode to expand !+Tab, but I agree with you that it should have worked.
However, I've figured out that you can use html:5+Tab (or just ! with the Emmet: Expand Abbreviation command) to get a similar result.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
You need to install HTML boilerplate extension from visual studio code extension.
I also use a Mac, I found this issue also when the file did not have a .html extension.
Try creating a new file with a .html extension such as index.html.
Retry the shift ! you did initially and press enter. The boilerplate should populate.
I set up my website locally on my hard disk, and everything works fine.
But when I upload my website to the server, the file "style.css" is not loaded.
When I look at code (F12), it gives me:
"style.css:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error)".
The HTML file looks like this:
enter code here
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Child-Abduction.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="verify-v1" content="L0UzG/4pPu9fgnLL3FmaFIzGkaVSoAgVZ9LHzQ0yx0c=" />
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="favicon.ico" type="favicon/ico"/>
<link rel="stylesheet" href="style.css">
</head>
Any idea why "style.css" refuses to load on my website?
TIA
Found what was causing the "error".
Seemed that several other files were not accepted by the server although on my notebook everything worked fine.
For some reason, EVERYTHING that's uploaded to the server needs to be in "lower case".
Uploaded also some *.JPG files that were not accepted by the server until I changed them into *.jpg.
Thanks
I have an entire React application that I am hosting on AWS. I want to embed this application in to another non React site. Currently I have it iframed in and it works fine.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
</head>
<body>
<iframe src="https://testlink.cloudfront.net"></iframe>
</body>
</html>
I have seen examples in the React docs around implementing individual components without iframes but nothing around entire hosted applications.
Idealy I will be able to do something like this:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
</head>
<body>
<div="app"></div>
<div="app2"></div>
</body>
</html>
What's the best approach to do this or am I best to just deal with iframes?
I had to integrate multiple react apps into a cake php framework.
Place the final bundle in webroot of the hosted site e.g under /react.
Then just include the final bundled script tag in the html.
You will have to handle the routing to the app on the hosted site.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8">
...
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="ReactAppDiv"></div>
<script type="text/javascript" src="/react/main.js"></script>
</body>
</html>
I'm using an FTP, and added some simple code to a website. On my desktop within this server, I can't view the content. I've tried Firefox, IE and Chrome. On my phone I can, and tech support could also view the content. I've cleared all cached data, but still nothing. Does anyone have any suggestions?
When I type in www.site.com/index.htm, the content will display on the desktop. When I just type in www.site.com, it won't. When I type in www.site.com on my phone, it will display.
This is the code displaying on my site:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex, nofollow">
<title>Milani Reviews</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>fasdfaskl</p>
</body>
</html>
I have ssl installed on my site. However I got this insecure icon on the chrome's url bar. When I open the console I got this message:
The page at https://www.pm-sson.nl/index.php displayed insecure content from http://www.google.com/s2/favicons?domain=www.mysite.com.
How can I remove this? I have my own favicon, but it doesn't remove it.
you can specify icon's url in your page.
<link rel="shortcut icon" href=”favicon.ico” />
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon"
type="image/png"
href="http://example.com/myicon.png">
[…]
</head>
[…]
</html>
that allow put your own favicon
The SEO Meta Inspector extension will apparently cause this problem. See
Google Product Forums matching issue
Fritz