Création
d'entreprise
Posez votre question Signaler

Balises HTML [Fermé]

Roxane 59 415Messages postés 23 août 2007Date d'inscription - Dernière réponse le 15 oct. 2007 à 17:50
Bonjour,
Je désire poser une question sur l'utlisation de block et blockquote. Pourrai t'on m'expliquer la différence et l'utilisation de ses deux balises, leur fonction m'embrouille, peut-on m'aider, merci beaucoup.
Lire la suite 

Balises HTML »

6 réponses
Réponse
+3
moins plus
Gihef 5246Messages postés 20 juillet 2005Date d'inscription 15 oct. 2007 à 13:07
Bonjour,

“block” n'est pas une balise HTML.
C'est un attribut CSS qu'on utilise avec “display” pour contraindre un élément en-ligne à se comporter comme un bloc. C'est-à-dire à passer en-dessous des autres plitôt que de rester à côté.
  http://fr.selfhtml.org/css/proprietes/positionnement.htm#display

“ blockquote” est une balise HTML.
Elle sert à faire une citation (quotation).
Les navigateurs les affichent en général avec des retraits.
  http://fr.selfhtml.org/html/texte/citations_adresses.htm#citations

Un exemple.
La page en HTML :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>block - blockquote</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body>
  <div id="conteneur">
    <p>Une citation de « Les deux tours », de J.R.R. Tolkien
    <br />(dans une balise <blockquote>)</p>
    <blockquote cite="http://www.mycom.com/tolkien/les%20deux%20tours.html">
    <p>Ils allaient en file indienne, courant comme des limiers après un puissant fumet, 
    une lueur de convoitise dans leurs yeux. 
    L'immense traînée des Orques en marche traçait son vilain sillon 
    presque droit vers l'ouest ; 
    l'herbe douce du Rohan avait été écrasée et noircie sur leur passage.</p>
    </blockquote>
    <p>On peut y lire :
    <br />(dans une balise <q>)
 <q lang="fr">Ils allaient en file indienne, courant comme des limiers</q>.</p>
    <p><br />Dans la citation, on trouve ces mots&nbsp;:
    <br />(sans "display:block;")</p>
      <a href="#">file</a>
      <a href="#">traînée</a>
      <a href="#">sillon</a>
      <a href="#">passage</a>
    <p>(avec "display:block;")</p>
      <a href="#" class="en_bloc">file</a>
      <a href="#" class="en_bloc">traînée</a>
      <a href="#" class="en_bloc">sillon</a>
      <a href="#" class="en_bloc">passage</a>
  </div>
</body>
</html>
La feuille de styles (styles.css) en CSS :
html, body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #b0c4de;
  }
#conteneur {
  position: relative;
  margin: 0 auto;
  width: 760px;
  text-align: left;
  background-color: #f0f8ff;
  font-family: 'Trebuchet MS', Verdana, sans-serif;
  }
blockquote, q, a {
  font-family : Georgia, serif;
  border : 1px solid #faa;
  }
.en_bloc {
  display : block;
  }

/* --------------------------------------------------------------------------------------------
   Note

Avec HTML, on fabrique les pages web.
Avec CSS, on met en forme ces pages. En dehors du HTML en indiquant sur quels éléménts HTML les styles doivent s'appliquer.

Dans mon exemple, j'utilise des :
<blockquote> <q> <a>
Dans la feuille de style, en dehors du HTML, je change de police et leur applique une bordure :
    blockquote, q, a {
      font-family : Georgia, serif;
      border : 1px solid #faa;
      }
-------------------------------------------------------------------------------------------- */



++
Quelques liens utiles à conserver en favoris :
http://www.la-grange.net/w3c/html4.01/index/elements.html
http://www.yoyodesign.org/doc/w3c/css2/indexlist.html

Et, au cas où : Roxane%2059 ou mes interventions

--
Réponse
+0
moins plus
Reivax962 2131Messages postés 16 juin 2005Date d'inscription 14 février 2012Dernière intervention 15 oct. 2007 à 13:02
Bonjour,

La balise blockquote est faite, à l'origine, pour marquer une citation.
Dans les faits, c'est un simple <div> qui aurait un style prédéfini (une marge à gauche, un espace supplémentaire en haut et en bas).
Le mieux est de coller à l'utilisation originalement prévue, c'est-à-dire l'utiliser pour une citation. Tout simplement parce que les autres utilisations possibles peuvent utiliser un div...

Quant à la balise <block>, elle n'existe tout simplement pas.

Xavier
Réponse
+0
moins plus
Reivax962 2131Messages postés 16 juin 2005Date d'inscription 14 février 2012Dernière intervention 15 oct. 2007 à 17:06
Tiens, j'ai appris quelque chose !
Donc, je corrige ce que je disais : <blockquote> n'est pas tout-à-fait un <div> ayant un formatage prédéfini, puisqu'il permet de définir une source de la citation via l'attribut cite="".
Je ne sais pas comment c'est interprété par les navigateurs, ceci-dit.
Réponse
+0
moins plus
Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 15 oct. 2007 à 17:18
salut,

<blockquote> n'est pas tout-à-fait un <div> ayant un formatage prédéfini, puisqu'il permet de définir une source de la citation via l'attribut cite=""
on parle de sémantique, quand tu utilises une balises en html, elle donne du sens à ton document.
si on lit ton document dans un éditeur de texte on saura qu'il s'agit d'une citation même sans la mise en page car tu as utilisé la balise ad hoc.
à l'inverse, c'est pour cela qu'il ne faut pas utiliser de balises uniquement dans le but de faire de la mise en page.
'<h1>' indique qu'il s'agit du titre principale du document, ça ne sert pas à mettre une phrase en gros et en gras…
idem pour '<table>' qui sert à dessiner des tableaux de données et pas à faire la mise en page.

Je ne sais pas comment c'est interprété par les navigateurs, ceci-dit.
le beurre, l'argent du beurre et le sourire de Virginie (c'est le prénom de ma crémière !).
-:op
et bien code une page avec une citation et essaie là avec plusieurs navigateurs ou envoie la à une moulinette à capture d'écran.
-;o)

Site web
Reivax962 - 15 oct. 2007 à 17:25
Je suis bien d'accord !
Il faut lire mon premier message, où pour ces mêmes raisons je déconseillais l'utilisation de <blockquote> pour une simple mise en page particulière indépendamment du sens du document (même si je l'ai moins bien dit que toi :p ). Sauf que je disais aussi que techniquement, un blockquote n'était qu'un div préformatté, et c'est ce point-là que je corrige par cet erratum ;)
Dalida - 15 oct. 2007 à 17:50
Il faut lire mon premier message
vi, vi, c'était juste la deuxième couche !!!

je disais aussi que techniquement, un blockquote n'était qu'un div préformatté
voui c'est pareil même si il est plus proche du '<p>' que du '<div>'.
c'est juste une balise de type bloc avec un attribut spécifique et une mise en page particulière dans le comportement par défaut des navigateurs.

d'ailleurs pour finir de répondre à roxane59, voici les recommandations du W3C pour le rendu des '<BLOCKQUOTE>' !
-;o)
Posez votre question
Ce document intitulé « Balises HTML » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook