在我的主页上,我有一个表情符号,并且效果很好。但是我在第二个代码上有完全相同的代码,它不起作用
我尝试寻找答案,但似乎没有其他问题
这是代码可用于的主页:
<head>
<meta charset='utf-8'>
</head>
<link rel="icon"
href="https://drive.google.com/uc?id=1G624t-8tJG_l29sdQ4COazA_c69aBB3Q&authuser=0">
<title>Game 👠Reveiw</title>
<link rel="stylesheet" href="styles.css">
<div class="topnav">
<a class="active" href="#home">Home</a>
<a href="portal_2.html">Portal 2</a>
<a href="csgo.html">CS:GO</a>
<a href="minecraft.html">Minecraft</a>
</div>
<h1>Game 👠Reveiw </h1>
<h4><a href="portal_2.html">Portal 2</a> |
<a href="csgo.html">CS:GO</a> |
<a href="minecraft.html">Minecraft</a></h4>
<br>
<br>
<div class="center">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pretium quam
libero. Etiam fringilla auctor accumsan. Aenean tellus ex,<br>
convallis non enim at, pharetra accumsan ligula.
mi vel est bibendum rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Interdum et malesuada fames ac ante ipsum primis in faucibus.<br>
Sed ullamcorper feugiat quam, ac mattis quam finibus eu. Fusce eget justo a odio
ultrices efficitur. Donec elementum purus sed iaculis rutrum.<br>
Praesent ornare laoreet faucibus. Suspendisse consequat, nisi eu convallis vestibulum,<br>
nibh est imperdiet nulla, ut suscipit dolor ex scelerisque neque. Morbi sed mi
cursus, mattis velit a, laoreet velit. Donec nulla felis, scelerisque at sem
</div>
<footer>Game 👠Reveiw</footer>
这是我的另一页(已连接到它),并且页脚代码不起作用:
<head>
<meta charset='utf-8'>
</head>
<title>Portal 2</title>
<link rel="stylesheet" href="styles_portal_2.css">
<link rel="icon"
href="https://drive.google.com/uc?id=1Pp9iytPYBcUg7fOIsH6QuiyM7JeL9SKK&authuser=0">
<div class="topnav">
<a class="active" href="#home">Home</a>
<a href="portal_2.html">Portal 2</a>
<a href="csgo.html">CS:GO</a>
<a href="minecraft.html">Minecraft</a>
</div>
<h1>Portal 2:</h1>
<h4><a href="website.html">Home</a></h4><br>
<div class="center">
Portal 2 is a game for those lonely friday nights where you need that comfort of
Wheatley<br>
and the engaging aspect of the game.
while being relaxing and funny at times. With my times playing Portal 2, I got
sucked into a<br>
world where there is no competition and the only skill you need is problem
solving. In this<br>
game you are a test subject with a ‘Portal Gun’ that creates portals to complete
challenges.<br>
The challenges get harder and harder as you progress.<br>
Overall this game is amazing and would highly recommend it.<br>
<img width="400"
src="https://drive.google.com/uc?id=13djQKInGDpkkmiUEj8PwM-h-dkWsOHDt"title="nice"><br>
</div>
<footer>Game 👠Reveiw</footer>
预期输出为表情符号,但有一些奇怪的代码
答案 0 :(得分:0)
根据这篇写得很好的文章(https://www.kirupa.com/html5/emoji.htm),您可以通过两种方式插入表情符号,方法是将表情符号本身复制并粘贴到代码中,或者通过获取代码点(https://emojipedia.org)并将其粘贴到您的html中。
尝试使用表情符号代码点。如果在浏览器中加载以下文件,则可以看到表情符号在两个页面的浏览器中始终显示。
page1.html
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<link rel="icon"
href="https://drive.google.com/uc?id=1G624t-8tJG_l29sdQ4COazA_c69aBB3Q&authuser=0">
<title>Game 🍔 Reveiw</title>
<link rel="stylesheet" href="styles.css">
<div class="topnav">
<a class="active" href="#home">Home</a>
<a href="portal_2.html">Portal 2</a>
<a href="csgo.html">CS:GO</a>
<a href="minecraft.html">Minecraft</a>
</div>
<h1>Game 🍔 Reveiw </h1>
<h4><a href="portal_2.html">Portal 2</a> |
<a href="csgo.html">CS:GO</a> |
<a href="minecraft.html">Minecraft</a></h4>
<br>
<br>
<div class="center">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pretium quam
libero. Etiam fringilla auctor accumsan. Aenean tellus ex,<br>
convallis non enim at, pharetra accumsan ligula.
mi vel est bibendum rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Interdum et malesuada fames ac ante ipsum primis in faucibus.<br>
Sed ullamcorper feugiat quam, ac mattis quam finibus eu. Fusce eget justo a odio
ultrices efficitur. Donec elementum purus sed iaculis rutrum.<br>
Praesent ornare laoreet faucibus. Suspendisse consequat, nisi eu convallis vestibulum,<br>
nibh est imperdiet nulla, ut suscipit dolor ex scelerisque neque. Morbi sed mi
cursus, mattis velit a, laoreet velit. Donec nulla felis, scelerisque at sem
</div>
</body>
<footer>Game 🍔 Reveiw</footer>
</html>
page2.html
<html>
<head>
<meta charset="utf-8">
</head>
<title>Portal 2</title>
<body>
<link rel="stylesheet" href="styles_portal_2.css">
<link rel="icon"
href="https://drive.google.com/uc?id=1Pp9iytPYBcUg7fOIsH6QuiyM7JeL9SKK&authuser=0">
<div class="topnav">
<a class="active" href="#home">Home</a>
<a href="portal_2.html">Portal 2</a>
<a href="csgo.html">CS:GO</a>
<a href="minecraft.html">Minecraft</a>
</div>
<h1>Portal 2:</h1>
<h4><a href="website.html">Home</a></h4><br>
<div class="center">
Portal 2 is a game for those lonely friday nights where you need that comfort of
Wheatley<br>
and the engaging aspect of the game.
while being relaxing and funny at times. With my times playing Portal 2, I got
sucked into a<br>
world where there is no competition and the only skill you need is problem
solving. In this<br>
game you are a test subject with a ‘Portal Gun’ that creates portals to complete
challenges.<br>
The challenges get harder and harder as you progress.<br>
Overall this game is amazing and would highly recommend it.<br>
<img width="400"
src="https://drive.google.com/uc?id=13djQKInGDpkkmiUEj8PwM-h-dkWsOHDt"title="nice"><br>
</div>
</body>
<footer>Game 🍔 Reveiw</footer>
</html>