2017-09-21 3 views
0

저는 Favicon과 코드를 생성하기 위해 Real Favicon Generator를 사용했습니다. 난 그냥 코드 검사기 (총 검사기 프로)를 통해 내 HTML과 CSS를 실행했는데 두 개의 오류가 실제 파비콘 생성기 코드의 일부가 있음을 말하고있다 : 나는 안돼서Real Favicon Generator에서 코드 오류가 발생하여 사이트 속도가 느려 집니까?

E620 The 'color' attribute is not valid for this tag in this context: 
     <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#00736d"> 


W619 Unrecognised value for the 'name' attribute: 
     <meta name="theme-color" content="#ffffff"> 

돈 때문에 내가 이것에 대해 걱정해야하는지 정말로 알지 못하니?

2. Real Favicon Generator는 .xml 및 .json 파일을 생성합니다. 내 웹 사이트는 JavaScript, Jquery 또는 PHP 등이없는 매우 간단한 정적 HTML 및 CSS 웹 사이트입니다.로드하는 속도가 매우 빠릅니다. 이러한 추가 .xml 및 .json 파일은 로딩 시간을 느리게합니까?

당신에게

+0

그들은 아무것도 유용하지 않을 것이므로 두 가지를 모두 제거합니다. 이것은 발전기의 고전적인 문제입니다. – Andyjm

+1

생성 된 코드가 유용합니다. 첫 번째는 사파리 고정 탭 아이콘에 색상을 지정합니다. 두 번째 줄은 (나는 경의를 표하는) Windows 타일에 색상을 제공합니다. 나는이 오류가 내 Google 순위에 부정적인 영향을 미칠 수 있다고 우려하고 있습니다. 추가 .xml 및 .json 파일은로드 시간을 늦추고 Google 순위에 다시 영향을 미칠 수 있습니다. – Markeee

답변

1

TL 감사; DR

이 두 가지 문제는 심각하지 않으며 추가 파일로 인해 사이트 속도가 저하되지는 않습니다. RealFaviconGenerator가 생성 한 패키지를 그대로 사용할 수 있습니다. 자세한

RealFaviconGenerator 저자의 말하기에서

.

color은 Apple에서 도입 한 독점적 인 속성입니다. 이 link 마크 업의 목적은 macOS Safari의 고정 탭에 아이콘을두고, color 속성은 필수 항목입니다. if를 제거하면 Safari는 기본 색상을 선택하지 않고 고정 된 탭 아이콘을 무시합니다.

theme-color은 Android 크롬 용이며 style the address bar or task bar입니다.

이 두 속성은 무해하며 아무 것도 손상시키지 않습니다. 이 코드는 tested on several browsers입니다.

또한 W3C validator 외관상으로는 does not report these errors anymore입니다. 자신의 사이트에서 확인해 주시겠습니까?

browserconfig.xml은 Edge 및 최신 버전의 Internet 용이며, manifest.json은 주로 Android Chrome 용 Web App Manifest입니다. 이러한 파일에 관심이없는 브라우저는로드하지 않습니다.

+0

감사합니다. 방금 W3C 검사기로 확인한 결과 올바른 오류가 발생하지 않았지만 (전체 유효성 검사기 프로 앱이 위의 사항을 강조하고 있음에도 불구하고) 오류를보고하지 않습니다. 다시 한번 나를 안심시켜 주셔서 감사합니다. – Markeee

+0

좋아요! W3C 유효성 검사기의 변경 사항은 매우 새롭기 때문에 다른 서비스에서 여전히 문제를보고하는 것은 놀랄 일이 아닙니다. –

관련 문제