Maison > interface Web > tutoriel CSS > le corps du texte

Lorsque le titre ne peut pas afficher l'échange solution_Experience complet

WBOY
Libérer: 2016-05-16 12:05:36
original
2050 Les gens l'ont consulté

En fait, il est recommandé d'utiliser du CSS pour contrôler l'affichage caché

C'est-à-dire que le titre n'est pas entièrement affiché en raison de la largeur du design. Il semble qu'un programme soit utilisé pour tronquer le texte. Je pense que de nombreux sites Web sont confrontés à cette situation. Pour les effets visuels, un affichage tronqué doit être effectué pour répondre à l’effet visuel global du site Web. Nous utilisons généralement deux méthodes de troncature. La première consiste à définir un certain nombre de caractères à l'avance lors de la sortie en arrière-plan. L'autre consiste à utiliser CSS ou JS pour découper visuellement le contenu complet qui a été généré.

Lorsque les standards du Web n'ont pas augmenté, la première méthode a été essentiellement utilisée pour résoudre ce problème. Cette méthode est encore largement utilisée jusqu'à présent. L'avantage de cette méthode est qu'elle permet de réduire avec précision le nombre de mots, mais l'inconvénient peut être que le contenu de sortie est incomplet car le travail de découpe a été effectué en arrière-plan. Le deuxième type est une tromperie réalisée via CSS ou JS. Masquer le contenu au-delà d'une certaine longueur. Afin d'obtenir les effets visuels requis, l'avantage est qu'il peut conserver l'intégralité du contenu des données. L'inconvénient peut être que le texte intercepté par les navigateurs non IE n'est pas parfait. Par exemple, Firefox a souvent le phénomène embarrassant de tronquer un demi-mot.

La question que je souhaite soulever est la suivante : "Le caractère incomplet du titre affectera-t-il la motivation de l'utilisateur à cliquer ?" mesure. La motivation du message. Ici, nous utilisons un titre d’actualité de Youai.com à des fins d’analyse. Il y a un titre d'information sur le site Web, « Les États-Unis inventent une nouvelle technologie d'interface utilisateur et l'explosent », qui est un titre mécaniquement coupé. Que notre curiosité soit piquée par un tel titre, c'est bien sûr possible. Mais notre compréhension pourrait être la suivante : "Les États-Unis ont inventé une nouvelle technologie d'interface utilisateur, et ils s'en vantent... C'est une anti-fake news. Il se peut que les deux sociétés s'en vantent." le cas, alors je n'entendrai pas ce genre de nouvelles potins Intéressé. Cependant, le titre complet devrait être : « Les États-Unis ont inventé une nouvelle technologie d'interface utilisateur qui peut faire fonctionner un ordinateur en soufflant dessus. » Je suis plus intéressé par un tel titre. Je veux savoir pourquoi cela peut faire fonctionner un ordinateur en soufflant dessus. dessus. C'est moi, quelque chose auquel je n'avais jamais pensé. De cette façon, je serai très intéressé de cliquer pour voir cette actualité. Nous pouvons comparer et constater que ce qui attise le plus notre curiosité est en réalité "l'opération de soufflage". C’est le cœur de la nouvelle technologie. C’est aussi le contenu central de cette actualité.

Bien sûr, une troncature est parfois nécessaire, sinon l'ensemble du site Web paraîtra encombré. Alors maintenant, la solution générale consiste à ajouter l’attribut « titre » au lien. Lorsque je rencontre un tel titre avec une sémantique peu claire, je passe généralement la souris pour afficher le texte dans la zone d'invite afin d'obtenir des informations plus complètes sur le titre. Ceci complète le jugement de savoir si je clique sur l'actualité. Mais il est dommage que l'attribut titre dans le lien titre de Youai.com soit le même que le contenu du titre, donc la signification de l'attribut titre est considérablement réduite.

Bien sûr, nous essayons d'afficher le titre aussi complètement que possible lors de la conception. S'il ne peut pas être affiché complètement en raison de besoins particuliers, nous devons essayer de rendre l'attribut du titre aussi complet que possible. De plus, bien que la troncature CSS soit défectueuse dans Firefox, je pense toujours que la troncature devrait être effectuée par CSS. Au moins de cette façon, nous pouvons obtenir un document d'information HTML complet. Lorsqu’il n’y a pas de CSS, nous pouvons au moins voir le contenu complet des informations.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal