Maison interface Web tutoriel CSS Lorsque le titre ne peut pas afficher l'échange solution_Experience complet

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

May 16, 2016 pm 12:05 PM
entier 标题

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.

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 Il y a quelques semaines By DDD
Musée à deux points: toutes les expositions et où les trouver
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment résoudre le problème de l'impossibilité de supprimer le titre du fichier PPT Comment résoudre le problème de l'impossibilité de supprimer le titre du fichier PPT Mar 26, 2024 pm 03:21 PM

1. Supprimer le texte Lorsque vous cliquez sur le texte avec le bouton gauche de la souris, de nombreux carrés blancs bien disposés apparaissent autour du texte, ce qui signifie que le [texte/forme/graphique] a été sélectionné. Une fois sélectionné, le texte peut être facilement supprimé en appuyant simplement sur la touche [Supprimer] du clavier. 2. Le texte ou la forme chinois ne peut pas être sélectionné. Après un clic gauche sur [Texte/Forme/Graphique], l'[État sélectionné] à l'étape 1 n'apparaît pas. Il existe de nombreuses raisons pour ce type de problème. Par exemple, cliquez sur le menu [Affichage] sur l'écran et recherchez [Modèle des diapositives] dans [Vue principale]. 3. Dans la vue principale, cliquez sur la page de navigation de gauche. Après avoir trouvé le [texte/forme/graphique] qui doit être supprimé, cliquez toujours sur le bouton gauche de la souris. Après la sélection, appuyez sur [Supprimer] sur le clavier pour supprimer.

Méthodes et techniques CSS pour obtenir des effets d'animation de texte de titre Méthodes et techniques CSS pour obtenir des effets d'animation de texte de titre Oct 20, 2023 am 09:00 AM

Les méthodes et techniques CSS pour obtenir des effets d'animation de texte de titre nécessitent des exemples de code spécifiques dans la conception et le développement Web, les effets d'animation peuvent améliorer l'expérience utilisateur et augmenter l'attrait et la vitalité de la page. L’effet d’animation du texte du titre est une technique de conception courante, qui peut rendre le titre de la page plus vivant et intéressant. Cet article présentera certaines méthodes et techniques CSS pour obtenir des effets d'animation de texte de titre et fournira des exemples de code spécifiques. Effet d'animation dégradé L'effet d'animation dégradé peut changer la couleur du texte du titre d'une couleur à une autre, créant ainsi un effet de transition fluide.

Comment inclure un titre dans un jeu de champs en HTML ? Comment inclure un titre dans un jeu de champs en HTML ? Aug 23, 2023 pm 05:01 PM

Utilisez la balise <legend> pour inclure un titre. La balise HTML<legend> est utilisée pour définir un titre pour la balise <fieldset> Il prend en charge les attributs suivants - Description de la valeur de l'attribut Aligntopbottomleftright Obsolète - Spécifie l'alignement du contenu. Exemple Vous pouvez essayer d'exécuter le code suivant pour implémenter la balise <legend> en HTML −<!DOCTYPEhtml&g

Dilemme de modification du titre Empire CMS ? Essayez ces stratégies d'adaptation ! Dilemme de modification du titre Empire CMS ? Essayez ces stratégies d'adaptation ! Mar 12, 2024 pm 05:27 PM

Dilemme de modification du titre Empire CMS ? Essayez ces stratégies d'adaptation ! Lors du processus de création d'un site Web à l'aide d'Empire CMS (EmpireCMS), il est inévitable que vous soyez confronté au besoin de modifier le titre de l'article. Cependant, certains utilisateurs peuvent rencontrer quelques difficultés, comme ne pas savoir comment modifier le titre, ou encore le titre s'afficher anormalement après modification, etc. Aujourd'hui, nous allons partager quelques stratégies pour résoudre ces problèmes et fournir des exemples de code spécifiques, dans l'espoir d'aider tout le monde à résoudre le dilemme de la modification du titre. 1. Modifier le titre d'un seul article Si vous souhaitez modifier le titre d'un certain article

Sélection technique et conception de l'architecture du dock Java avec l'interface Baidu AI Sélection technique et conception de l'architecture du dock Java avec l'interface Baidu AI Aug 12, 2023 pm 08:01 PM

Sélection technique et conception de l'architecture de l'interface Java avec l'interface Baidu AI 1. Introduction Avec le développement rapide de la technologie de l'intelligence artificielle, l'interface Baidu AI offre une variété de fonctionnalités, telles que la reconnaissance faciale, la reconnaissance vocale, la reconnaissance de texte, etc. Cet article présentera la sélection technologique et la conception de l'architecture pour connecter l'interface Baidu AI dans les projets Java, et démontrera la méthode de mise en œuvre spécifique avec des exemples de code. 2. Sélection de la technologie HttpClient Puisque l'interface Baidu AI communique via le protocole HTTP, nous pouvons utiliser ApacheHttp

Roi en titre : dirigez le royaume en titre et devenez le roi sans couronne. Roi en titre : dirigez le royaume en titre et devenez le roi sans couronne. Mar 07, 2024 pm 01:13 PM

Dans un monde numérique saturé d’informations, les titres jouent un rôle essentiel pour déterminer si votre public cliquera sur votre contenu. Un bon titre attire non seulement l’attention, mais améliore également le classement de votre contenu dans les pages de résultats des moteurs de recherche (SERP). Suivez ces conseils pour créer le roi sans couronne qui gouverne le royaume du titre : Suivez les meilleures pratiques de référencement : incluez des éléments pertinents. Incluez ce que votre public cible recherche dans votre titre, ce qui aidera votre contenu à apparaître dans les résultats de recherche pertinents. Soyez court et concis : le titre doit être court et facile à comprendre, généralement moins de 60 caractères. Utilisez des verbes puissants : utilisez des verbes puissants et engageants pour exprimer l’action et l’urgence. Attirez l’attention : posez des questions : commencer par une question peut susciter la curiosité et encourager

Comment résoudre le problème que le titre du site Imperial CMS ne puisse pas être modifié ? Comment résoudre le problème que le titre du site Imperial CMS ne puisse pas être modifié ? Mar 12, 2024 pm 09:30 PM

Avant de résoudre le problème selon lequel le titre du site Web Imperial CMS ne peut pas être modifié, nous devons d'abord comprendre la cause de ce problème. De manière générale, le titre du site Web d'Imperial CMS ne peut pas être modifié pour les raisons courantes suivantes : La variable de titre du site Web n'est pas appelée correctement dans le modèle. Un problème de mise en cache empêche la mise à jour du titre en temps opportun. Un conflit de plug-in rend la modification du titre invalide. En réponse aux problèmes ci-dessus, nous pouvons utiliser les méthodes suivantes pour les dépanner et les résoudre une par une : Vérifiez si la variable de titre du site Web est correctement appelée dans le modèle : Dans Imperial CMS, le titre du site Web passe généralement

Packages nécessaires pour bien comprendre AJAX : un guide complet Packages nécessaires pour bien comprendre AJAX : un guide complet Jan 17, 2024 am 09:37 AM

Ajax est une technologie de développement Web basée sur JavaScript et XML, qui peut réaliser un chargement asynchrone de données, une actualisation partielle de page et d'autres fonctions. Avant d'utiliser ajax, nous devons comprendre quels packages sont nécessaires et savoir comment les utiliser pour réaliser les fonctions souhaitées. Cet article présentera certains packages ajax couramment utilisés et fournira des exemples de code correspondants pour aider les lecteurs à mieux comprendre et appliquer la technologie ajax. jQueryjQuery est une puissante bibliothèque JavaScript qui fournit une multitude de

See all articles