表情符号在我的辅助页面上不起作用,但在我的主页上却起作用

时间:2019-10-17 20:01:07

标签: html

在我的主页上,我有一个表情符号,并且效果很好。但是我在第二个代码上有完全相同的代码,它不起作用

我尝试寻找答案,但似乎没有其他问题

这是代码可用于的主页:

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

预期输出为表情符号,但有一些奇怪的代码

1 个答案:

答案 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 &#x1F354 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 &#x1F354 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 &#x1F354 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 &#x1F354 Reveiw</footer>
       </html>