стиль тега заголовка в голове с помощью css или js

Есть ли способ стилизовать элемент <title> Page Title </title>? Например, изменить его шрифт?
Я много искал, говорят, что это невозможно с помощью CSS.
Как насчет JS? Какой-нибудь jquery-плагин?


javascript css page-title
person Saeed    schedule 31.07.2015    source источник

Ответы (4)


arrow_upward
3
arrow_downward

Браузер позволяет JS придавать странице динамическое поведение, но изменение шрифта окна принадлежит ОС. Вместо этого вкладка управляется браузером, но не взаимодействует со страницей.

person Matteo Defanti    schedule 31.07.2015
comment
Поскольку я искал способ изменить шрифт title на вкладке браузера, ваш ответ лучше всего подходит для моего вопроса. Спасибо. - person Saeed; 31.07.2015

arrow_upward
4
arrow_downward

Это невозможно. Браузер не позволяет это сделать. Возможно, вы можете немного увеличить лимит, используя символы Юникода.

§ × Ì · ¨

Но это все.

person İsmail Ceylan    schedule 31.07.2015

arrow_upward
1
arrow_downward

Абсолютно невозможно настроить стиль заголовка, отображаемый на панели вкладок или в строке заголовка браузера. Они не являются частью страницы.

Однако вы можете стилизовать элемент title на странице тебе нравится.

head { display: block; }
title { display: block; font-size: 1.75em; }
person Quentin    schedule 31.07.2015
comment
Ха, вы ответили на этот последний раз: P stackoverflow.com/questions/6649610/ - person Albzi; 31.07.2015
comment
Спасибо, Квентин, за ответ. на самом деле код, который вы предоставили, не решает мою проблему. но это общий и информативный ответ. - person Saeed; 31.07.2015
comment
@Sattar — Вы приняли ответ, в котором говорится то же самое, что и в первом абзаце этого ответа. Этот ответ тоже не решает вашу проблему? - person Quentin; 31.07.2015
comment
Да, ты прав. Я просто принял это, потому что я видел это раньше, чем ваше, и объяснение, которое оно давало о JS. Я сомневаюсь, что смогу принять два ответа, но ваш ответ тоже принят. Спасибо дружище! - person Saeed; 31.07.2015

arrow_upward
-3
arrow_downward

Привет попробуй.

$( document ).ready(function() {
               $('title').css('font-size',24+'px');
               $('title').css('display','block');
        });

Не могли бы вы объяснить это больше похоже на то, где вы хотите его использовать, потому что он автоматически не отображает ничего. Если вы скажете мне, где вы хотите использовать это, я предоставлю полную помощь, а также попробую этот код.

CSS

title {
    display: block !important;
    color: #f00;
    font-size: 20px;
    padding: 14px;
}

И полный код приведен ниже

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
title {
    display: block !important;
    color: #f00;
    font-size: 20px;
    padding: 14px;
}
.screen {
  margin-left: 30%;
  margin-top: 20%;
  width: 190px;
  overflow: hidden;
  height: 100%;
  border: 2px solid #000;
 }
 .content {
   width: 168px;
   height: 300px;
   padding: 5px 10px 5px 5px;
 }
 .screen::-webkit-scrollbar {
   display: none;
 }
 .content:hover{ overflow-x:scroll;}
</style>
</head>

<body>
<div class="screen">
<p class="content">Pellentesque habitant morbi
  tristique senectus et netus
  et malesuada fames ac turpis
  egestas. Vestibulum tortor quam,
  feugiat vitae, ultricies eget,
  tempor sit amet, ante. Donec eu
  libero sit amet quam egestas semper.
  Aenean ultricies mi vitae est. Mauris
  placerat eleifend leo. Aenean ultricies
  mi vitae est. Mauris placerat eleifend leo
  Pellentesque habitant morbi
    tristique senectus et netus
    et malesuada fames ac turpis
    egestas. Vestibulum tortor quam,
    feugiat vitae, ultricies eget,
    tempor sit amet, ante. Donec eu
    libero sit amet quam egestas semper.
    Aenean ultricies mi vitae est. Mauris
    placerat eleifend leo. Aenean ultricies
    mi vitae est. Mauris placerat eleifend leo
    Pellentesque habitant morbi
      tristique senectus et netus
      et malesuada fames ac turpis
      egestas. Vestibulum tortor quam,
      feugiat vitae, ultricies eget,
      tempor sit amet, ante. Donec eu
      libero sit amet quam egestas semper.
      Aenean ultricies mi vitae est. Mauris
      placerat eleifend leo. Aenean ultricies
      mi vitae est. Mauris placerat eleifend leo
</p>
</div>
</body>
</html>

Спасибо

person Hari Om Srivastava    schedule 31.07.2015
comment
хотя этот ответ может быть хорошим ответом, просто размещение кода без каких-либо объяснений не будет полезным. - person Mark; 31.07.2015