El HTML del sitio web, el contenido generado de Wikipedia y los JavaScripts de Wikipedia definen cientos de classesy IDs. El uso de la mayoría de ellos no se explica ni describe claramente en ninguna parte. La mayoría de estas clases e ID se utilizan para diseñar mediante CSS e identificar partes de la página a las que se debe aplicar este estilo. También se pueden utilizar para realizar manipulaciones en las páginas web mediante JavaScript y algunos tienen un significado semántico adicional y son utilizados por partes externas.
Esta página es un intento de catalogar y describir las clases e ID más utilizadas y más importantes utilizadas en esta wiki.
Hay muchas complejidades sobre las hojas de estilo en cascada y JavaScript, demasiadas para discutirlas todas aquí. Algunos puntos importantes sin embargo:
?debug=trueo &debug=truea la URL para que sean más legibles al inspeccionar.!importantes generalmente malo. En su lugar, utilice diferentes formas de especificidad.CSS es complejo. Siga los enlaces anteriores y los demás enlaces a lo largo de este artículo para obtener más información. Si no comprende cómo funcionan las hojas de estilo en cascada y JavaScript y qué símbolos usar, comience con los artículos de Wikipedia sobre CSS y JavaScript , que contienen una lista de referencias y enlaces externos a material relevante.
/skins/Vector/y /skins/MonoBook/y /core.git/resources/src/mediawiki.skinningpara los conjuntos globales/predeterminados actuales).La siguiente tabla está realmente desactualizada desde MediaWiki 1.17 (junio de 2011). La complejidad del propio MediaWiki ha aumentado significativamente y muchas de las ubicaciones de las reglas de estilo se han dividido y sólo se recopilan y agrupan cuando se entregan al navegador.
Una forma de inspeccionar los archivos CSS y JS principales es inspeccionar una página con herramientas de desarrollo web mientras se carga cualquier página de Wikipedia con el parámetro de URL ?debug=true (esto separará diferentes archivos CSS, evitará la minificación y preservará los comentarios). Otra forma es mirar estos archivos de máscara (ejemplo de Vector en Git); tenga en cuenta que la mayoría de los archivos JS principales de MediaWiki se encuentran en el directorio /resources/src.
Varios tipos de páginas, acciones y preferencias de MediaWiki cargan hojas de estilo condicionales y javascript para reducir la carga de secuencias de comandos innecesarias.
Se cargan hojas de estilo especiales y JavaScript para algunos grupos de usuarios .
A menudo agregamos el nombre de una plantilla o del propio mensaje de MediaWiki como nombre de clase en el código de la plantilla o mensaje. Esto permite a los usuarios diseñar el mensaje y permite personalizar el mensaje en el futuro en los archivos CSS globales. No documente dichos nombres de clases aquí, a menos que realmente se utilicen en algún archivo CSS o JavaScript, ya que hay (o al menos debería haber) literalmente miles de nombres de clases de este tipo .
Wikipedia también utiliza varias clases con funciones no relacionadas con las hojas de estilo.
noviewer, lo que hace que Media Viewer ignore el contenidorobots-nocontent, lo que hace que el rastreador de Yahoo! ignore los contenidos según [3]nopopupnotice, evita que EditNoticesOnMobile (y en el futuro posiblemente las aplicaciones) muestre automáticamente un aviso de edición . Véase también phab:T312999.es decir, botones de interfaz, enlaces, etc.
"ca-" en los nombres de las clases significa "acciones de contenido", "f-" para pie de página, "n-" para navegación, "p-" para "página", "pt-" para "herramientas personales" (en el arriba) y "t-" para "herramientas" (en la barra lateral).
Alrededor de 30 variables que se pueden utilizar en JavaScript. Vea el código renderizado de cualquier página y busque, por ejemplo var wgUserName.
"wgAction" : "ver" "wgArticleId" : 3941451 "wgBreakFrames" : falso "wgCanonicalNamespace" : "Proyecto" "wgCanonicalSpecialPageName" : falso "wgCategories" : [ "Características de Wikipedia" ] "wgCSPNonce" : falso "wgCurRevisionId" : 1077279639 " wgDefaultDateFormat" : "dmy" "wgDigitTransformTable" : [ "" , "" ] "wgDiscussionToolsFallbackEditMode" : "fuente" "wgDiscussionToolsFeaturesEnabled" : { "replytool" : verdadero , "newtopictool" : falso , "sourcemodetoolbar" : verdadero , "topicsubscription" : falso , "autotopicsub" : falso } "wgEchoSeenTime" : { "alerta" : "2022-03-15T22:46:57Z" , "aviso" : "1970-01-01T00:00:01Z" }}; "WGEDITSUBMITBUTTONLABELPUBLISH" : true "wgflaggedRevSParams" : { "etiquetas" : { "status" : { "niveles" :- 1 }} "wgGeASKQUESTIONEnabled" : false "wggelinkrecEdationationsEndEnded" : false "wggGeNewComerTasksGuidAnity" : true "wggAmmendations" wgguMOmOmmOmMoUrtUrmendArtAdableBsAntable " . "wgIsArticle" : verdadero "wgIsProbablyEditable" : verdadero "wgIsRedirect" : falso "wgMediaViewerEnabledByDefault" : verdadero "wgMediaViewerOnClick" : verdadero "wgMFDisplayWikibaseDescriptions" : { "búsqueda" : verdadero , "cercano" : verdadero ,"lista de seguimiento" : verdadero , "eslogan" : falso } "wgMonthNames" : [ "" , "enero" , "febrero" , "marzo" , "abril" , "mayo", "junio" , "julio" , "agosto" , "septiembre" , "octubre" , "noviembre" , "diciembre" ] "wgNamespaceNumber" : 4 "wgNoticeProject" : "wikipedia" "wgNoticeUserData" : { "registro" : "999" } "wgPageContentLanguage" : "en" "wgPageContentModel" : "wikitext" "wgPageName" : "Wikipedia:Catalogue_of_CSS_classes" "wgPopupsFlags" : 10 "wgRelevantArticleId" : 3941451 "wgRelevantPageIsProbablyEditable" : true Nombre" : "Wikipedia:Catálogo_de_clases_CSS " "wgRequestId" : "791d32fc-0adb-4cb1-9a8c-db11247504d9" "wgRestrictionEdit" : [] "wgRestrictionMove" : [] "wgRevisionId" : 1077279639 "wgSeparatorTransformTable" : [ "" , "" ] "wgTitle" : "Catálogo de clases CSS" "wgULSAcceptLanguageList" : [ "nl" , "en-us" , "en" ] "wgULSBabelLanguages" : [ "nl" , "en" ] "wgULSCurrentAutonym" : "English" "wgULSisCompactLinksEnabled" : false "wgULSPosition " : "interlenguaje" "wgUserEditCount" : 1288 "wgUserGroups" : [ "extendedconfirmed" , "*" , "usuario" , "autoconfirmado" ] "wgUserId" : 1590755 "wgUserName" : "xxx" "wgUserRegistration" : 999 "wgVisualEditor " :{ "pageLanguageCode" : "en" , "pageLanguageDir" : "ltr" , "pageVariantFallbacks" : "en" } "wgWikibaseItemId" : "Q21188652" "wgWMEPageLength" : 60000 "wgWMESchemaEditAttemptStepOversample" : false RLPAGEMODULES= [ "ext.cite.ux-enhancements" , "sitio" , "mediawiki.page.ready" , "jquery.tablesorter" , "jquery.makeCollapsible" , "mediawiki.toc" , "skins.monobook.scripts" , "mediawiki.page.watch.ajax" , "ext.gadget.ReferenceTooltips" , "ext.gadget.formWizard" , "ext.gadget.geonotice" , "ext.gadget.watchlist-notice" , "ext.gadget.charinsert " , "ext.gadget.extra-toolbar-buttons" , "ext.gadget.switcher" , "mmv.head" , "mmv.bootstrap.autostart" , "ext.visualEditor.desktopArticleTarget.init" , "ext.visualEditor .targetLoader" , "ext.echo.init" , "ext.eventLogging" , "ext.wikimediaEvents" , "ext.navigationTiming" , "ext.cx.eventlogging.campaigns" , "ext.centralNotice.geoIP" , "ext .centralNotice.startUp" , "ext.centralauth.centralautologin.clearcookie" , "ext.discussionTools.init" , "ext.uls.interface" ]; RLSTATE = { "ext.gadget.WatchlistBase" : "listo" , "ext.gadget.WatchlistGreenIndicatorsMono" : "listo" , "ext.gadget.SubtleUpdatemarker" : "listo" , "ext.globalCssJs.user.styles" : " listo" , "site.styles" : "listo" , "user.styles" : "listo" , "ext.globalCssJs.user" : "listo" , "usuario" : "cargando" , "user.options" : " cargando" , "ext.cite.styles" : "listo" , "ext.discussionTools.init.styles" : "listo" , "skins.monobook.styles" : "listo" ,"jquery.tablesorter.styles" : "listo" , "jquery.makeCollapsible.styles" : "listo" , "ext.visualEditor.desktopArticleTarget.noscript" : "listo" , "ext.echo.styles.badge" : "listo " , "oojs-ui.styles.icons-alerts" :"listo" , "ext.wikimediaBadges" : "listo" , "ext.uls.interlanguage" : "listo" , "wikibase.client.init" : "listo" };