When the title does not show the complete solution _ experience Exchange

In fact, the proposed CSS control beyond the hidden display

That is, the title because of the width of the design problem so no display, it seems to use the program to intercept the word. I think a lot of websites are experiencing this kind of situation. For visual effects, you have to do a truncation display to meet the overall visual effect of the website. Usually we use the truncation Word method is two, one is through the background output to set a certain number of characters beforehand. The other is through the CSS or JS to the output of the complete content of the visual clipping.

In the absence of the rise of the Web Standard is basically the first way to solve this problem, until now this approach is still widely used. The advantage of this way is that you can accurately cut the number of words, and the shortage may be because the work is done in the background, so the output of the content is incomplete. And the second is through CSS or JS to make a kind of camouflage. Hide content beyond a certain length. In order to achieve the desired visual effect, the advantage is that he can retain the full data content, the shortcomings may be non-ie browser truncation of the word is not perfect. Firefox, for example, often has a half-word embarrassing phenomenon.

The question I want to ask is: "Does the incomplete title affect the user's click motivation?" "I venture to make the assertion that the incomplete title will affect the motivation of the user to click on the message on a large level." Here we use a news headline from the AI Network for analysis. There is a news headline in the website "The new technology of the United States invented user interface to blow", this is a mechanical cut off the title. It is certainly possible to see whether our curiosity has been ticked off in the face of such headlines. But our understanding may be this: "The United States invented the user interface of the new technology, the blow ... This is a fake news. Maybe two companies are bragging. "If that's the case, then I'm not interested in the gossip. However, this complete title should be: "The United States invented a new user interface technology to the air can operate the computer" for such a title I am more interested in, I want to know why this blow gas can operate the computer, this is I have never thought of things. So I will have a great interest to click to see this news. We can find that, in fact, the most likely to arouse our curiosity is actually "blowing operation." This is the core of the new technology. is also the core content of this news.

Of course, sometimes the truncation is necessary, or the whole site will appear very messy. Now the general workaround is to add the "title" attribute to the link. When I encounter this semantically unclear title I usually hover over the text in the cue area to get a more complete title. To complete the decision whether I clicked the news. But it's a pity that the title attribute in the banner link is the same as the title content, so the meaning of the title attribute is greatly reduced.

We are in the design of course is as far as possible to the title display complete, if because of special reasons no way to display the full time to make the title property as complete as possible. And although the truncation of CSS in Firefox is flawed, but I still think the truncation of the word should be done by CSS. At least then we can get a complete HTML information document. When there is no CSS, at least we can see the complete information content.

