Dans cet article, nous verrons comment formater un extrait textuel de n'importe quel texte, ou en un mot « citation », en HTML, et examinerons les nuances du travail avec du texte multidirectionnel et des caractères d'Asie de l'Est.
Conformément à la législation en vigueur de la Fédération de Russie, cela est autorisé sans le consentement de l'auteur ou d'un autre titulaire du droit d'auteur et sans paiement de rémunération, mais avec l'indication obligatoire du nom de l'auteur dont l'œuvre est utilisée et de la source de l'emprunt. : la citation en original et en traduction à des fins scientifiques, polémiques, critiques ou informatives est licite des œuvres publiées dans la mesure justifiée par le but de la citation, y compris la reproduction d'extraits d'articles de journaux et de magazines sous forme de revues de presse.
Citer et citer une déclaration d'une personne faisant autorité, formulée sous forme de discours direct dans du matériel informatif, journalistique ou analytique, est un moyen de rendre le texte objectif, sérieux et plus crédible pour le lecteur. Voyons comment les citations courtes et longues sont formatées en HTML.
(Élément de citation de bloc HTML ) permet de définir une citation en bloc dans un document (une citation longue dans un document). Le texte à l'intérieur de cette balise apparaît sous la forme d'un bloc aligné avec un remplissage gauche et droit (40 px par défaut).
</span> Exemple d'utilisation d'un élément <blockquote><span>
Voici les informations de Wikipédia :
"https://ru.wikipedia.org/wiki/Pecunia_non_olet"> L'argent n'a pas d'odeur - une expression latine populaire. Paroles attribuées à l'empereur Vespasien, qu'il aurait prononcées après avoir reçu de l'argent de la taxe sur les latrines publiques de Rome et adressées à son fils Titus, qui en a exprimé son mécontentement.
Similaire à l'étiquette attribut de balise citer indique l'URL de la ressource à partir de laquelle le devis a été extrait. Cet attribut n'est pas affiché à l'utilisateur (son utilisation n'est pas visible). Il peut être utilisé par les moteurs de recherche et à des fins statistiques lors de l'exécution de scripts côté serveur. Il est permis de spécifier comme adresses absolues (par exemple : citer = "http://site/html/tag_blockquote.php" >
) et relatif (par exemple : citer = "tag_blockquote.php" >.
Vous trouverez ci-dessous un exemple de la façon dont cela s'affiche dans le navigateur :
Riz. 23a Un exemple d'utilisation de guillemets longs en HTML.
Titre HTML de l'œuvre
Balise HTML (Élément de citation HTML ) est destiné à mettre en valeur les titres des œuvres. Il doit comporter le titre de l'œuvre ou un lien vers l'œuvre (URL). Par défaut, les navigateurs affichent les éléments italique .
Exemple d'utilisation :
Exemple d'utilisation d'un élément <cite><span><title>
</head>
<body>
<cite>
</span>"Malheur à l'esprit"</cite>- comédie en vers de A. S. Griboïedov. Premier spectacle 1825<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html>
<p>Dans le navigateur, cela ressemble à ceci :</p>
<h2>Sens de sortie du texte</h2>
<p>Étiqueter <bdo> (<i>Élément de remplacement bidirectionnel HTML</i>) est utilisé pour remplacer la direction actuelle du texte (définit la direction de sortie du texte et est principalement destiné à être utilisé avec les langues où la lecture se fait de droite à gauche, comme l'arabe).</p>
<p>Étiqueter <bdo>utilisé avec l'attribut dir et les valeurs ltr (de gauche à droite) ou rtl (de droite à gauche), spécifiant la direction du texte de gauche à droite ou de droite à gauche.</p>
<span><!DOCTYPE html>
<html>
<head>
<title>
</span> Exemple d'utilisation d'une balise <bdo><span>
dir = "ltr" > Direction du texte de gauche à droite.
La direction du texte est de droite à gauche.
Exemple de résultat :
Dans la balise HTML 5 isole un morceau de texte qui doit être affiché dans un sens d'écriture différent et permet aux navigateurs de gérer correctement le texte bidirectionnel. Cet élément est utile lors de l'affichage de texte avec différentes directions d'écriture.
Par exemple:
</span> Exemple d'utilisation d'une balise <bdi><span>
Vainqueurs des courses européennes :
Participant n°1
ماقسيم 99 points – 1ère place
Participant n°2
دميتري 97 points – 2ème place
Participant n°3 John Connor 96 points – 3ème place
Le résultat de notre exemple :
Riz. 25 Un exemple d'utilisation de langages multidirectionnels.
Veuillez noter que les navigateurs Internet Explorer Et Bord ne supporte pas la balise .
Nuances des symboles d’Asie de l’Est.
HTML contient des éléments , Et
Bonjour les amis !
J'ai décidé d'écrire sur la belle conception des citations dans le texte des articles d'un blog fonctionnant sous WordPress, car j'étais directement confronté à la nécessité d'un tel travail. J'ai dû changer le modèle sur l'un des sites. Mais en réalité, c’est assez difficile. Malgré le fait qu'il existe désormais un grand nombre de modèles payants et gratuits, il est très difficile d'en choisir un qui réponde à toutes nos exigences. Il y a forcément quelque chose dans le modèle que nous n'aimons pas. Par conséquent, le plus souvent, vous devez choisir un sujet présentant le moins de défauts, puis l'affiner.
Ainsi, l’un des défauts du sujet que j’ai choisi était la mise en évidence inexpressive de la citation. Il ne se distinguait que par une échancrure supplémentaire sur la gauche. J'ai dû modifier les styles CSS pour rendre cet élément de texte plus visible et plus beau.
Je vais donner trois raisons :
Vous montrez aux lecteurs que cette partie du texte est une citation. Ceci est nécessaire pour respecter les droits d'auteur de la personne que vous citez. D’un autre côté, un lien vers un auteur réputé ajoute également du poids à votre article.
Les moteurs de recherche « adorent » les textes uniques, et si la citation n’est pas formatée correctement, elle sera considérée comme du plagiat, le classement du site sera abaissé et sa position dans la recherche diminuera.
Un type particulier de citations rend le texte plus diversifié et plus attrayant. C'est plus facile à lire.
Afin de mettre en évidence une partie du texte de manière particulière, vous pouvez utiliser différentes méthodes.
Modification des styles CSS La première et la plus correcte façon de formater un devis doit être d'utiliser une balise citation de bloc et ses styles. Bien qu'en utilisant les règles CSS, vous puissiez sélectionner n'importe quel fragment (j'en ai parlé dans l'article), seule la balise citation de bloc informe les moteurs de recherche que cet extrait est une citation et peut ne pas être unique.
C'est cette balise qui est placée dans le code si on utilise un bouton
Mais, comme je l'ai déjà noté, les styles de cette balise ne sont pas toujours ceux que nous souhaitons. Pour les éditer, vous devez trouver le code correspondant dans le fichier style.css et remplacez les règles spécifiées pour la balise citation de bloc , tout seul.
Ce fichier peut être édité de deux manières :
Téléchargez-le à l'aide d'un client FTP depuis le serveur vers votre ordinateur, ouvrez-le dans , apportez des modifications et téléchargez-le à nouveau. Déposer style.css situé à wp-content/themes/votre_theme/style.css .
Vous pouvez utiliser l'éditeur de code intégré à WordPress. Pour l'ouvrir dans le panneau de configuration WP, sélectionnez Apparition – Editeur . Malheureusement, cet éditeur n'affiche pas les numéros de ligne, ce qui rend la recherche difficile.
Avant d'apporter des modifications au fichier style.css , modifiez le code en utilisant dans le navigateur Google Chrome ou similaire dans le navigateur Mozilla Firefox . Grâce à ces outils, vous pouvez immédiatement voir visuellement à quoi ressemblera un devis sur votre site Web.
Exemples de formatage de devis Citation avec guillemets Ce symbole est considéré comme généralement accepté pour indiquer des guillemets, il est donc utilisé le plus souvent. Les citations peuvent être insérées à l'aide d'une image, ce qui est plus courant, ou vous pouvez le faire en utilisant un code de caractère. "\201C" , comme le montre l'exemple donné.
Voici l'image
Et voici le code correspondant
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
blockquote ( arrière-plan : aucun répéter le défilement 0 0 #fea ; couleur : #009a82 ; famille de polices : Georgia, serif ; taille de police : 18 px ; style de police : italique ; hauteur de ligne : 1,45 ; remplissage : 1,25em 50px ; position : relatif ; largeur : 750 px ; ) blockquote : avant ( couleur : #009a82 ; contenu : "\201C" ; affichage : bloc ; taille de police : 60 px ; gauche : 1 px ; position : absolue ; haut : 1 px ; )
blockquote ( arrière-plan : aucun répéter le défilement 0 0 #fea ; couleur : #009a82 ; famille de polices : Georgia, serif ; taille de police : 18 px ; style de police : italique ; hauteur de ligne : 1,45 ; remplissage : 1,25em 50px ; position : relatif ; largeur : 750 px ; ) blockquote : avant ( couleur : #009a82 ; contenu : "\201C" ; affichage : bloc ; taille de police : 60 px ; gauche : 1 px ; position : absolue ; haut : 1 px ; )
Dans ce code dans la deuxième ligne #fea – couleur de fond, vous pouvez la remplacer par la vôtre,
3ème ligne – couleur de police,
4, 5, 6, 7 – paramètres de police,
8, 9 – position des fragments,
10 – largeur du bloc, elle peut être spécifiée en pourcentage, par exemple 90 %.
13 – couleur,
16 – taille,
17-19 – poste.
Sélection de la boîte Voici un exemple :
Et voici le code CSS simple correspondant :
1
2
3
4
5
6
7
blockquote ( couleur : #333 ; famille de polices : Verdana, Genève, sans-serif ; bordure : 1px en pointillés #999 ; arrière-plan : #F8F4AB ; remplissage : 10px 20px ; )
blockquote ( couleur : #333 ; famille de polices : Verdana, Genève, sans-serif ; bordure : 1px en pointillés #999 ; arrière-plan : #F8F4AB ; remplissage : 10px 20px ; )
Si le sujet de la conception de citations vous intéresse, je vous suggère de télécharger le mini-livre. Il examine en détail divers exemples de mise en évidence de fragments de texte. Après avoir étudié ces exemples, vous pouvez créer votre propre style de conception.
Plugin WP-Note pour concevoir des fragments de texte sur un blog Ce plugin vous permet de formater facilement et simplement des fragments d'articles. Mais il faut tout de suite noter que pour les moteurs de recherche ces fragments ne seront pas considérés comme des citations, puisqu'ils n'utilisent pas la balise citation de bloc . Le plugin est utilisé uniquement pour la conception externe, et non pour mettre en évidence des citations.
Par défaut, les paramètres du plugin ont cinq options de conception. Pour les appliquer, vous n'avez besoin de modifier aucun code, il vous suffit de saisir les balises appropriées au début et à la fin du fragment directement dans l'éditeur visuel.
Balises du plugin WP-Note Modifier un plugin Si vous n'aimez pas les options de conception par défaut ou si elles ne s'harmonisent pas avec la conception de votre site, vous pouvez les modifier. Mais pour cela, vous devrez apporter des modifications au fichier de styles. Vous pouvez le trouver sur wp-content/plugins/wp-note/style.css.
Vous pouvez également utiliser l'éditeur WordPress intégré. Pour ce faire, sélectionnez dans le panneau de configuration Plugins – Éditeur , puis recherchez Wp-note dans la liste déroulante à droite et cliquez sur le bouton Choisir , une liste de tous les fichiers du plugin apparaîtra.
J'espère avoir tout assez bien expliqué et que vous comprenez maintenant comment formater les devis sur le site. N'oubliez pas de partager l'article sur les réseaux sociaux.
À bientôt!
Suivre aveuglément les recommandations apporte des avantages avec à peu près la même probabilité qu'une blonde puisse rencontrer un dinosaure - 50/50, qu'elle le fasse ou non. Pour ne pas rencontrer de dinosaure, il faut allumer son cerveau même quand, semble-t-il, tout est décrit point par point. Un professionnel diffère d’un lamer en ce que les mots «c'est dit dans les instructions
"réponses par une question" pourquoi exactement ?
Par exemple, utilisez au lieu de ce n’est pas du tout nécessaire parce que «Yandex l'aime plus ainsi
" Étiqueter dans la sémantique du balisage, cela signifie exactement audacieux –
audacieux style de police. Mais – il s’agit d’une accentuation sémantique, la balise indique au robot que l’auteur a voulu souligner quelque chose d’important.
Ou des balises simples comme celle-ci :
ET
Mettre un morceau de texte dans des balises forme une unité logique de texte - un paragraphe. Dans le texte, la fin d'un paragraphe ressemble à un saut de ligne (en appuyant sur Entrée) - le paragraphe suivant commence sur une nouvelle ligne. Étiqueter Mais vu de l’extérieur, le résultat des deux balises peut sembler identique. . Un spécialiste SEO expérimenté comprend de quoi il s’agit : les mots-clés d’un même paragraphe sont considérés ensemble et la séparation entre deux paragraphes rompt le lien entre eux.
La différence entre les balises est visible très clairement dans votre Word préféré :
Et d'ailleurs, cela peut être utilisé. Pour terminer un paragraphe, vous appuyez sur Entrée. Pour couper une ligne, appuyez sur Maj+Entrée.
À propos d'un sort... désolé, une balise intéressante sera abordée dans cet article.
Cette balise permet d'insérer du texte emprunté avec une indication de la source. De cette façon, vous pouvez utiliser les mots d'autres personnes sans conséquences pour évaluer le caractère unique et ajouter de l'autorité au texte.
Le noyau sémantique ne détermine pas les caractéristiques, mais le sens sémantique du texte. Lors de la sélection de mots-clés, il est important de penser non seulement à la pertinence, mais également à la capacité technique du moteur de recherche à classer le texte dans un groupe particulier de documents en fonction de sa signification sémantique.
La sémantique ne concerne pas seulement les unités du langage en linguistique, mais aussi la signification des constructions en programmation. Ceci est beaucoup plus important du point de vue du référencement, car les moteurs de recherche sont des programmes qui fonctionnent en totale conformité avec les algorithmes mis en œuvre.
Par exemple: La sémantique d'un document HTML est déterminée par la signification et la hiérarchie de ses éléments. Oui, tague définit la zone de données d'un document HTML constituée d'une description (balise
) et le contenu (balise ) document. Supprimer la balise , et la sémantique du document sera violée.
Le classement des liens joue toujours un rôle important dans la promotion d’un site Web, mais son importance réside précisément dans le plan de la citation, dont une mauvaise compréhension a conduit à des sanctions de la part des moteurs de recherche.
Index des citations (ou IC) est une mesure adoptée dans le monde scientifique » importance » œuvres de tout scientifique. La valeur de l'indice est déterminée nombre de liens pour ce travail (ou nom de famille) dans d'autres sources.
Il existe d'autres options pour déterminer la signification sémantique (sémantique) d'une citation, où des balises peuvent apparaître (regroupement d'éléments) et (description pour FIGURE), micro-balisage, etc., mais ici, il est facile de commettre une erreur fatale qui violera la sémantique et entraînera des conséquences imprévisibles d'interprétation.
Résumons-le
Il est important pour les rédacteurs et les spécialistes SEO non seulement de suivre aveuglément les conseils des webmasters, mais aussi de comprendre l'essence des solutions proposées définies par le cahier des charges.
La sémantique ne concerne pas seulement les unités de langage en linguistique, mais aussi la signification des constructions en programmation, ce qui est beaucoup plus important dans le contexte de la promotion de sites Web dans les moteurs de recherche, qui sont des programmes.
Le classement des liens est étroitement lié à la signification sémantique de la citation.
La nouveauté de HTML5 est l'expansion du composant sémantique du document HTML en général et de la balise en particulier, utilisez un générateur du code HTML correct pour les citations.
