• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

파비콘이 안나타나는데 어디가 잘못된걸까요?

22.03.07 20:26 작성 조회수 163

0

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>잔재미코딩</title>
        <meta name="description" content="잔재미코딩 온라인 강의 리스트">
        <meta name="keywords" content="잔재미코딩,온라인 강의, IT강의.파이썬,풀스택,데이터분석, 데이터과학">  <!-- 어떤 것을 검색하면 나오는가-->
        <meta name="author" content="Dave Lee"/>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 ">
        <!-- 어느정도의 해상도인가 , 확대 축소불가, 이니셜 스케일: 처음엔 100프로 ,최대 최소 100프로 로 설정하게 한다-->
        <meta http-equiv="X-UA-Compatible" content="ie-edge"/> <!-- 최신 엔진을 써라-->
       

        <!--open graph(facebook, linkedin 링크 공유)-->
        <meta property="og:type" content="website"  />
        <meta property="og:title" content="잔재미코딩"/>
        <meta property="og:description" content="잔재미코딩에서 만든 올라인 강의 리스트를 공유하는 웹페이지입니다."/>
        <meta property="og:image" content="img/fun-coding-mark.png"/>
        <meta property="og:url" content="https://www.fun-coding.org"/>
        <meta property="og:site_name" content="잔재미코딩"/>


        <!--   twitter card -->

        <meta name="twitter:card" content="summary">

        <!--    card 종류: summary,photo,player-->

        <meta name="twitter:title" content="잔재미코딩 온라인강의 사이트입니다."/>
        <meta name="twitter:descdription" content="잔재미코딩에서 만든 올라인 강의 리스트를 공유하는 웹페이지입니다."/>
        <meta name="twitter:image" content="img/fun-coding-mark.png"/>
        <meta name="twitter:url" content="https://www.fun-coding.org"/>
        <meta name="twitter:creator" content="Dave Lee"/>

        <!-- 일반적인 파비콘 설정-->
        <link rel="icon" href="img/fun-coding.ico">

        <!-- 아이폰용 fabicon설정-->
        <link rel="apple-touch-icon" href="img/fun-coding.ico">

        <!-- 인터넷 익스플로러용 fabicon 설정-->
        <link rel="short icon" type="image/x-icon" href="img/fun-coding.ico">
       
        <!-- CSS RESET -->
        <!-- 이 reset링크를 최상단에 적어야한다.-->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
       
        <!--fontawesome-->
        <script src="https://kit.fontawesome.com/e0be477137.js" crossorigin="anonymous"></script>
       
        <!-- Spoca Han Sans Neo-->
        <link href='//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/style.css">
        </head>
        <body>
        <h1>안녕하세요 민입니다.</h1>
        <!-- <script src="js/main.js"></script>-->
    </body>
</html>
 
 
 

답변 1

답변을 작성해보세요.

0

안녕하세요. 그 사실 지금 보여주신 것만 봐서는 어떤 부분이 문제인지 또 어디서 보셨을 때, 파비콘이 안나타나는지 알기가 어려운 것 같아요. 또 파비콘은 기기, 프로그램 예를 들어 채팅 프로그램등 마다 다 다를 수가 있어요. 우선은 제가 드린 코드를 그대로 다운받으셔서, 동일한 기기에서 오픈해보시고, 만약에 해당 기기 또는 프로그램에서의 공유등에서는 파비콘이 나오는지 확인한 후, 그대로 그 코드와 직접 작성하신 코드를 비교해보시면 어떠실까요?