J'ai voulu utiliser récemment (mais aussi plusieurs autre fois, surtout quand je parle de clavier) la balise kbd pour lequel il n'y a pas de balisage Markdown… Malheureusement, le rendu n'est jamais au rendez-vous :-( Je propose de rajouter l'habillage minimal proposé par la page de doc de Mozilla :
kbd, button {
border-radius: 3px;
padding: 1px 2px 0;
border-width: thin;
border-style: inset;
white-space: nowrap;
text-align: center;
text-decoration: none;
}Je rajouterai bien aussi quelque chose comme
button:hover, button:active, button:focus,
kbd:hover, kbd:active, kbd:focus, {
background-color: inherit;
filter: invert(0.9);
border-style: outset;
}
kbd:disabled, button:disabled {
color: inherit;
filter: invert(0.3);
border-style: ridge;
border-color: gray;
}
kbd[title], button[title] {
cursor: help;
}On peut bien entendu pousser le bouchon plus loin, comme ci et là, mais j'ai essayé de proposer quelque qui pourrait s'intégrer avec toutes les feuilles de styles présentes.
# fermeture
Posté par Gil Cot ✔ (site web personnel, Mastodon) . Évalué à 2 (+0/-0).
Je viens de voir (en allant regarder le HTML des pages générées) qu'en fait ces balises kbd et button sont juste virées. Du coup on peut clore ce ticket qui est non applicable.
Question subsidiaire : où puis-je trouver la liste des balises virées ?
“It is seldom that liberty of any kind is lost all at once.” ― David Hume
[^] # Re: fermeture
Posté par Benoît Sibaud (site web personnel) . Évalué à 3 (+0/-0).
Aucune balise n'est gardée.
Illustration avec https://www.w3schools.com/TAGs/
<!--…--> Defines a comment
<!DOCTYPE> Defines the document type
Defines a hyperlink
Defines an abbreviation or an acronym
Not supported in HTML5. Use instead.
Defines an acronym
Defines contact information for the author/owner of a document
Not supported in HTML5. Use or instead.
Defines an embedded applet
Defines an area inside an image map
Defines an article
Defines content aside from the page content
Defines embedded sound content
Defines bold text
Specifies the base URL/target for all relative URLs in a document
Not supported in HTML5. Use CSS instead.
Specifies a default color, size, and font for all text in a document
Isolates a part of text that might be formatted in a different direction from other text outside it
Overrides the current text direction
Not supported in HTML5. Use CSS instead.
Defines big text
Defines a section that is quoted from another source
Defines the document's body
Defines a single line break
Defines a clickable button
Used to draw graphics, on the fly, via scripting (usually JavaScript)
Defines a table caption
Not supported in HTML5. Use CSS instead.
Defines centered text
Defines the title of a work
Defines a piece of computer code
Specifies column properties for each column within a element
Specifies a group of one or more columns in a table for formatting
Adds a machine-readable translation of a given content
Specifies a list of pre-defined options for input controls
Defines a description/value of a term in a description list
Defines text that has been deleted from a document
Defines additional details that the user can view or hide
Specifies a term that is going to be defined within the content
Defines a dialog box or window
Not supported in HTML5. Use instead.
Defines a directory list
Defines a section in a document
Defines a description list
Defines a term/name in a description list
Defines emphasized text
Defines a container for an external application
Groups related elements in a form
Defines a caption for a element
Specifies self-contained content
Not supported in HTML5. Use CSS instead.
Defines font, color, and size for text
Defines a footer for a document or section
Defines an HTML form for user input
Not supported in HTML5.
Defines a window (a frame) in a frameset
Not supported in HTML5.
Defines a set of frames
to Defines HTML headings
Contains metadata/information for the document
Defines a header for a document or section
Defines a header and related content
Defines a thematic change in the content
Defines the root of an HTML document
Defines a part of text in an alternate voice or mood
Defines an inline frame
Defines an image
Defines an input control
Defines a text that has been inserted into a document
Defines keyboard input
Defines a label for an element
Defines a caption for a element
Defines a list item
Defines the relationship between a document and an external resource (most used to link to style sheets)
Specifies the main content of a document
Defines an image map
Defines marked/highlighted text
Defines an unordered list
Defines metadata about an HTML document
Defines a scalar measurement within a known range (a gauge)
Defines navigation links
Not supported in HTML5.
Defines an alternate content for users that do not support frames
Defines an alternate content for users that do not support client-side scripts
Defines a container for an external application
Defines an ordered list
Defines a group of related options in a drop-down list
Defines an option in a drop-down list
Defines the result of a calculation
Defines a paragraph
Defines a parameter for an object
Defines a container for multiple image resources
Defines preformatted text
Represents the progress of a task
Defines a short quotation
Defines what to show in browsers that do not support ruby annotations
Defines an explanation/pronunciation of characters (for East Asian typography)
Defines a ruby annotation (for East Asian typography)
Defines text that is no longer correct
Defines sample output from a computer program
Defines a client-side script
Defines a search section
Defines a section in a document
Defines a drop-down list
Defines smaller text
Defines multiple media resources for media elements ( and )
Defines a section in a document
Not supported in HTML5. Use or instead.
Defines strikethrough text
Defines important text
Defines style information for a document
Defines subscripted text
Defines a visible heading for a element
Defines superscripted text
Defines a container for SVG graphics
Defines a table
Groups the body content in a table
Defines a cell in a table
Defines a container for content that should be hidden when the page loads
Defines a multiline input control (text area)
Groups the footer content in a table
Defines a header cell in a table
Groups the header content in a table
Defines a specific time (or datetime)
Defines a title for the document
Defines a row in a table
Defines text tracks for media elements ( and )
Not supported in HTML5. Use CSS instead.
Defines teletype text
Defines some text that is unarticulated and styled differently from normal text
Defines an unordered list
Defines a variable
Defines embedded video content
Defines a possible line-break
[^] # Re: fermeture
Posté par Gil Cot ✔ (site web personnel, Mastodon) . Évalué à 3 (+1/-0).
Il y a eu un truc pour le commentaire et le doctype…
Il eut été plus simple de laisser les balises apparentes que rajouter un cas particulier (distinguer une balise des simples « inférieur à chaine » et « chaine supérieur » accolés en mode texte…)
“It is seldom that liberty of any kind is lost all at once.” ― David Hume
Envoyer un commentaire
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.