제목 표시 줄에 표시된 제목을 칠 수 있습니까?

19

다음 HTML 제목 요소는 문서의 제목을 정의

는 는 브라우저의 제목 표시 줄이나 페이지의 탭에 표시. 텍스트 만 포함 할 수 있으며 포함 된 태그는 해석되지 않습니다.

아니, 그렇게 할 수는 없습니다.

업데이트 :

다른 답변을 통해 파업을 달성하기 위해 유니 코드 문자의 다양한 조합을 사용하는 것이 좋습니다, 그리고이 가능할 수 있으며 괜찮은 결과를 얻을 수있다하더라도, 나는 그것이 큰 단점과 함께 제공 믿습니다.

나는 어떤 식 으로든 SEO 전문가가 아니지만 내가 아는 바에 따르면 Search Engine Optimization Starters Guide<title>은 검색 엔진 최적화에있어 매우 중요합니다. 기본 또는 "제목 없음"또는 "새 페이지 1"과 같은 모호한 제목을 사용하여 페이지

의 내용과는 관계없는 제목을 선택

: 그들의 가이드는을 피해야한다 제안
내 해석은 제목에 모호한 문자를 사용하는 것이 직접 위반하는 것이므로이를 기반으로 피할 것을 강력히 제안합니다.

출처

2012-10-30 15:44:42

+0

인용 된 텍스트는 CSS가 제목을 스타일링 할 수있는 가능성을 배제하지 않습니다. 이 텍스트는 인라인 HTML 만 작동하지 않는다고 말합니다. CSS의 작동 여부를 테스트하기 위해 JS Bin을 CSS'title {text-decoration : line-through; }'. [결과, 전체 페이지로보기] (http://jsbin.com/ucihib/2)는 CSS가 ([소스 코드] (http://jsbin.com/ucihib/2/edit)). –

+0

@ RoryO'Kane 귀하의 권리, 그 견적은 CSS를 배제하지 않지만, 자신을 증명 했으므로 CSS는 제목 요소에 적용될 수 없습니다. 나는 CSS를 배제하기위한 좋은 참고 자료를 찾으려고 노력했지만, 즉시 발견하지는 못했고, 불행히도 하나를 찾는 데 더 많은 시간을 할애 할 수 없었다. 귀하의 예를 들어 그것을 잘 배제하는 좋은 증거입니다. –

+0

JavaScript를 사용하여 요청하는 답변을 추가했습니다. –

3

아니오, 나에게 알려진 브라우저가 제목 표시 줄에서 직접 HTML 렌더링을 지원하지 않으므로 <title> 태그 내의 일반 텍스트 만 표시됩니다. 여러분이 할 수있는 최선의 방법은 선이 각 문자의 일부인 일부 모호한 문자를 사용하는 것입니다. 매우 구체적인 것이고 조사하지 않는 것이 있습니다. MDN on the <title> element에서

출처

2012-10-30 15:44:32

0

나는 이것이 가능하지 않을까 걱정됩니다. 'title'태그는 내용에 어떤 형식의 서식도 허용하지 않습니다.

출처

2012-10-30 15:45:20 PhonicUK

0

이 작업을 수행 할 수 없으면 CSS를 사용하여 브라우저 창 제목의 <title> 태그를 제어 할 수 없습니다.

출처

2012-10-30 15:49:27 Mark

13

이 은 가능한 한 파업이있는 문자를 사용하여입니다. 그러나 이것이 유일한 방법입니다. HTML 마크 업이나 CSS를 사용해도 원하는 결과가 나오지 않습니다. 이 사용

예 : http://blog.imthy.com/2008/06/strikethrough-strikethrough-text.html

출처

2012-10-30 15:49:32 Fisch

+0

빠른 테스트를 통해 취소 선이 제목 표시 줄에서 크게 보이지는 않지만 이것이 유일한 방법임을 알 수 있습니다. – Brian

+1

Wikipedia의 [Strikethrough] 기사 (http://en.wikipedia.org/wiki/Strikethrough#Computer_methods)는 취소 선을 생성 할 수있는 정확한 유니 코드 문자를 식별합니다. 이 경우에 가장 적합한 문자는'U + 0336 COMBINING LONG STROKE OVERLAY'입니다. "A-B-C-D- œe-f-g-h-i-"입니다. 경고 : 일부 글꼴에서는 문자가 다양한 높이의 연속 된 문자가있는 취소 선처럼 보이지 않습니다. –

+3

예,하지만 누군가 자신의 직함에 취소 선을 넣어야 할 필요가있는 경우, 이는 얻을 수있는만큼 가깝습니다. – Fisch

0

브라우저는 두 가지 옵션

즐겨 찾기 아이콘 2를 통해 문서의 제목을 사용자 정의 할 수 있습니다.제목

태그 또는 CSS가있는 맞춤 설정은 무시하고 제목에는 텍스트 및 즐겨 찾기 아이콘 만 표시됩니다.

제목 주위를 놀고 싶다면 자바 스크립트로 계속 작업 할 수 있습니다. 그러면 효과가있을만한 애니메이션을 만들 수 있습니다.

출처

2012-10-30 15:59:44

1

제목 표시 줄에 요소 내용이 표시되어 있으면 title 요소 내용의 렌더링을 변경할 수 없습니다. 이것은 사양에 의존하는 것이 아니라 구현에 달려 있습니다. 브라우저는 자체 루틴을 사용하여 제목을 표시하며 HTML 마크 업이나 CSS 설정은 영향을주지 않습니다.

title 요소를 그대로 사용하지 못하게하는 요소는 없습니다.

title { text-decoration:line-through; }

하지만이 요소는 표시된 문서 콘텐츠의 일부가 아니기 때문에 기본적으로 눈에 띄는 효과가 없습니다. 추가 중

head, title { display: block; }

으로 표시되며, 페이지에서 겹쳐서 표시 될 수 있습니다 (최신 브라우저에서 볼 수 있음). 그러나 이것은 제목 표시 줄에 영향을주지 않습니다 (특히 유용하지는 않습니다).

요소 내용에 특수 문자를 사용하면 다른 답변과 같이 겹쳐 쓰기를 만들 수 있습니다. 브라우저가 제목 표시 줄을 표시하는 데 사용하는 루틴이 제한된 문자 레퍼토리를 사용하고 지원되지 않는 문자를 표시하는 등의 이유로 루틴을 처리하는 데 상당한 위험이 있습니다. 작은 상자로.

출처

2012-10-30 18:13:26

1

Unicode combining characters을 사용하여 추가 할 수 있습니다. OS/브라우저가 어떻게 보이는지에 대한 제목 표시 줄에 사용하는 글꼴에 크게 의존합니다.

function strike(text) { 
    var output = ''; 
    for (var i = 0; i < text.length; i++) { 
     output += '\u0336' + text[i]; 
    } 
    return output; 
} 

function strikeTitle() { 
    document.title = strike(document.title); 
}

편집 : 개인적으로는 최고로 좋습니다.

출처

2012-10-30 18:56:28

제목 표시 줄에 표시된 제목을 칠 수 있습니까?

답변

관련 문제