I am making a simple website redirect page to redirect to twitter but have it as a web app on my iphone. It seems like the meta name tag dosent work or something, because the page has no title and i would like it to say twitter.Can anyone help me? Sorry if im not using the correct terminology as i just got into html and im 15. thanks. Below is the code i have for my page, i have the meta tag in there but it seems like its not working.
<!DOCTYPE html>
<html>
<head>
<link rel="apple-touch-icon" href="http://bkenterprises.neocities.org/twitters.png" />
<link rel="shortcut icon" href="http://bkenterprises.neocities.org/twitters.png" />
<meta http-equiv="Refresh"
<meta http-equiv="refresh" content="0; url=http://www.twitter.com" />
<meta content="name="Twitter" />
</head>
<html>
I am assuming
<meta content="name="Twitter" />
should be:
<meta content-name="Twitter" />
or:
<meta content="Twitter" name="Idontknow" />
I'm also assuming <meta http-equiv="Refresh" is just a cut 'n paste error. If not, remove it.
The meta tag is used to provide data about your HTML file, what you want to use is
<title></title> This has to be within your head tags, they are used like this
<title>Example</title> This will create the title on your page tab, for extra touches you can also use <link rel="shortcut icon" href="Your link"/> If you want the small image next to your title
Related
I want to make the title of my website start with the flag of my country. However, if I copy the emoji itself or its unicode, it doesn`t work. Copying emojis just brings me the name of it in the title, not the emoji itself.
There is only one question about it on stackoverflow, but it was 9 years ago, so maybe something has changed!
Thanks in advance!
Just added as normal. Check the current support.
<!DOCTYPE html>
<html>
<head>
<title>🌎 Title with emoji 🌎</title>
</head>
<body>
<h1> My body title 🌎 </h1>
</body>
</html>
Go to this site: https://emojipedia.org/emoji/
Grab the codepoint for the emoji you want (ex.U+1F600 for grinning face)
Replace "U+" with "&#x" so it will now look like 😀
Throw that into a html tag
Title will now have a 😀 face
Simply copy and paste an emoji from emojipedia and paste it into , you might be copy and pasting from a different website.
<!DOCTYPE html>
<html>
<head>
<title>🏳️</title>
</head>
</html>
the best practice to add an icon to the title is to use a favicon
here is an example
<title>your country name</title>
<link
rel="shortcut icon"
href="logo_location/pakistan.svg"
type="image/x-icon"
/>
in full usage
<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>Pakistan</title>
<link
rel="shortcut icon"
href="logo_location/pakistan.svg"
type="image/x-icon"
/>
</head>
Emojis are not really recognized well in html. You could try using an image next to your title using and just setting it to a really small size.
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 am trying to refer to my JS/CSS with a relative path, like ./myScript.js, such that, if I host the site on https://myHost.com/myPath, it should look for the script in https://myHost.com/myPath/myScript.js, but if I host it on http://localhost/, it should look in http://localhost/myScript.js. It is always looking in the root though, as if I had made an absolute path.
Is it not possible to make relative paths? I would prefer if I did not need to change the actual HTML file between environments.
Example
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.ico" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Web site created using create-react-app" />
<link rel="apple-touch-icon" href="./logo192.png" />
<link rel="manifest" href="./manifest.json" />
<title>React App</title>
<link href="./static/css/main.6dea0f05.chunk.css" rel="stylesheet">
</head>
<body><noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script>/* a bunch of auto generated react code */</script>
<script src="./static/js/2.1ca84f3b.chunk.js"></script>
<script src="./static/js/main.487a42e6.chunk.js"></script>
</body>
</html>
Try to use this:
<base href="https://www.w3schools.com/">
I hopes, that it helps for you!
This is one of those times that I spend 2 hours fiddling with it, to no avail, post a question, and then find the answer directly after..
The issue is that I automatically return index.html if users do not specify it, making chrome think that the current "folder" is the root when accessing https://myHost.com/myPath. If I go to https://myHost.com/myPath/index.html it works.
So, I need to do a proper redirect to index.html, instead of just returning it. Or to anything under myPath, like https://myHost.com/myPath/home.
I'm making a website and i want to put an image in header in title where's the name of website and how to do that?
Here's my code and in the title where'w MyName i don't know how to put a picture.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>MyName(PICTURE)</title>
<link rel="stylesheet" href="website.css"
</head>
http://bayimg.com/NApomAAfl (here's a picture of what i want)
You can't put an image in the title. Most sites use favicons to show an image in the tab of your browser.
Put this code in the head of your html file. Create a favicon.png file in the root of your web server:
<link rel="shortcut icon" type="image/png" href="//favicon.png" />
I've spend evenings on tuning my backend code to be served faster, yet there's a gap in page loading time that am not familiar with.
Attached an image - please tell me what is happening in highlighted time (between recieving HTML and DOM ready).
What I think it is - maybe it's DOM intself generating? But why so long? Theres like 10 HTML tags in this testing page.
That's my markup:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>#</title>
<meta name="keywords" content="a, b">
<meta name="description" content="cde">
<meta name="geo.region" content="PL">
<meta name="geo.placename" content="Warszawa">
<meta name="geo.position" content="52;21">
<meta name="ICBM" content="52, 21">
<link rel="stylesheet" href="/Css/_global/Style.css">
<!--link rel="shortcut icon" href="/Gfx/_global/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/Gfx/_global/favicon.gif" type="image/x-icon"-->
</head>
<body>
<ul id="bredcrumbs"><li>domain.com</li><li>Home Page</li></ul>
Content
</body>
</html>
The browser is parsing the dom (as warlock notes) but some javascript may run during this process as well. (See JavaScript: DOM load events, execution sequence, and $(document).ready())
As you have seen some browser plugins can essentially inject some scripts which run pre-dom load which may show up in your load times.
The Browser is parsing HTML and creating DOM