When giving title to a web page is it possible to change the font of the title?
for example:
<html>
<title> Question </title>
</html>
Now if i want to set the font of title 'question' to be what i want,then how can i do it?
No. See the standard.
Titles may contain character entities (for accented characters, special characters, etc.), but may not contain other markup (including comments).
http://www.w3.org/TR/html401/struct/global.html#h-7.4.2
No it's not possible with all of the most commonly used browsers.
This is not possible. The only special thing you can do with title text is changing the text direction between left-to-right and right-to-left
I presume you'd like to add style to the title as it appears in the Search Engine results? Alas, web crawlers don't support this functionality (though one of either category could actually be built to support title styles). However, you can achieve a distinct look by using non-ASCII characters (IPA or Greek or Russian) or punctuation.
If you're looking for a distinct look in your title in the browser window (e.g. in the tab) a custom favicon may be of use (it's the tiny image that appears in the browser next to your title). This thread discusses how to do that: How do I put image in url in HTML?
Related
just a little question.
How long can a website title be?
Like this one:
Optimal title length. Google typically displays the first 50–60 characters of a title tag. If you keep your titles under 60 characters, it will display your Title Properly and i hope this answer help you..
If you're talking about the <title> element, this is actually an interesting question - there is no set maximum but there is a guidance from W3C that :
Whilst there is no limit on the length of a title (...), information providers are warned that it may be truncated if long.
Also stating <title> text content should not exceed 64 characters (in 1992).
Reading the specs. for HTML4 and HTML5, and reading browser inspectors on this page and others, the <title> text is simply a text field and various HTML command structures are not agknowledged within it.
So; the outcome is that the title element can be as long as you like, but you have no guarentee that any part after the first 64 characters would be agknowledged by any particular browser, reader or other end point user.
References:
W3 Title Element Meta Data
W3 Title Element Style Guide
MDN Title Element
W3 Document Metadata
W3 DOM text content
UPDATE:
I have just generated a random text block of 30kb characters and this was loaded into an HTML page and output in full by the browser. Moreover, this was not invalid when parsed against the HTML5 validator.
Look - it's a Title, not an essay - keep it short, descriptive and punchy and you'll have no problems. Ultimately it is limited by whatever browser you use - and you could waste a significant part of your life testing all possibilities. My tip is: keep it simple - you probably can't predict the width of the screen / browser.
Take this text as an example:
𝚃𝚘𝚝𝚊𝚕𝙿𝚛𝚘𝚝𝚎𝚌𝚝𝚒𝚘𝚗
If you make an HTML file copy and paste the above text directly in your text editor from StackOverflow, it will show up on the webpage with that font. Why isn't this the standard way for using fonts in HTML and instead most people just use font color when they could simply use ASCII?
For one thing, these specific characters have very specific meanings beyond just the font. See Mathematical Alphanumeric Symbols on Wikipedia and its Unicode chart.
Secondly, presentation and content are separate matters. When the appearance of text has no bearing on the meaning of the text, then the appearance should be controlled by CSS, not the text itself. (Plus, why would you sacrifice all manner of flexibility by hardcoding the appearance in the content itself?)
I'm writing a paragraph that requires me to use a Greek word that means something else, but when I put the Greek word into my text editor and save it, it looks weird in my browser. I tried using a span but it still shows the same weird code.
<p>Music is an art form whose medium is sound and silence. Its common elements are pitch
(which governs melody and harmony), rhythm (and its associated concepts tempo, meter, and
articulation), dynamics, and the sonic qualities of timbre and texture. The word derives
from Greek <span lang="el">μουσική</span> (mousike; "art of the Muses").</p>
Perhaps your page is being interpreted using the wrong charset, try adding <meta charset="UTF-8"> inside your <head> element. This tells the browser how to interpret more complex characters like you described.
Make sure this tag is present in your head:
<meta charset="utf-8">
ANSI and ISO charsets are the default when that tag is not present. ISO (the newest of those two) only supports 256 characters. UTF-8 character set allows you to use unicode characters directly in your HTML page.
That meta tag tells the browser to interpret your HTML page with the correct character set.
Check out the wikipedia page on ISO 8859-1 for more info. Also, here's the utf-8 wikipedia page.
Edit
As Juhana pointed out in the comments, make sure your editor is set to the appropriate encoding as well (most programming/web-specific editors, like Sublime for example, should do this by default, but other multi-purpose text editors may not.)
Is it advisable to have the ® symbol in <img>'s tag alt attribute or not? I am interested in knowing if there are problems with using the Registered symbol, such as not rendering properly in some browsers.
It all depends on your character encoding for the file. If the encoding is set correctly, the browser should display it correctly. There is nothing in the spec that suggests otherwise.
By the specifications, an alt attribute value may contain any character (though some characters need to be escaped in HTML markup). In practice, old browsers had many limitations in this area, but this is hardly relevant these days.
The main questions are: 1) When the attribute value is rendered as text, will the fonts available contain the character? Most probably. The “®” character is present in all normal fonts. 2) When the attribute value is rendered in speech or Braille, what will happen? I would not be so sure of this. Speech browsers might not know what to do with special characters. And would you really like to have alt="ACME® and Foobar® products" read e.g. as “ACME registered sign and Foobar registered sign products”? What purpose would it serve?
There are also font quality issues. Many fonts contain “®” in a rather small size, whereas a few fonts like Cambria contain a rather large “®”. The font used to render alt attributes might be outside the author’s control. (In many browsers, it is affected by CSS, but e.g. IE 9 uses a font determined by system settings.)
The bottom line is: No, it is not advisable, but it is technically possible, with various risks.
I envision HTML support that might look like this:
<span alt="Antonin Dvorak">Antonín Dvořák</span>
where if a browser could not render any of the special characters, it could fall back to the plain-ASCII "alt" text. Another benefit could be that searching for "cafe" would match "café" (which my browsers don't, at least not at present).
Is there any way to achieve something like this, or am I just being paranoid about a non-existent problem?
Thanks.
No, there is no such markup in HTML. What comes closest is the title attribute, which is usually shown as a tooltip on mouseover (and spoken by speech synthesizers in some situations). But it’s a dull weapon, a feature with poor implementations; if you want something like that, use a CSS tooltip instead. And it’s not really an alternative but “advisory title”.
The best you can do is to make a reasonable effort in ensuring that the characters you use will be properly displayed thanks to the use of suitable fonts. This isn’t usually a problem with Czech letters for example, since they are normally present in fonts that web pages typically use, like Arial, Verdana, Georgia. But it could be a problem if you use a downloadable font, or if you use characters with more limited support. The general idea is to use a font-family list that contains only fonts that have all the characters used on the page, and to use such a list that almost all computers have at least one of the font families. More on this: Guide to using special characters in HTML.