El HTML del sitio web, el contenido generado por Wikipedia y los JavaScripts de Wikipedia definen cientos de classesy IDs. El uso de la mayoría de ellos no se explica ni se describe claramente en ninguna parte. La mayoría de estas clases e identificadores se utilizan para aplicar estilos mediante CSS e identifican 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 algunas tienen un significado semántico adicional y son utilizadas por terceros.
Esta página es un intento de catalogar y describir las clases e identificaciones más utilizadas y más importantes utilizadas en esta wiki.
Existen muchas complejidades sobre las hojas de estilo en cascada y JavaScript, demasiadas para tratarlas todas aquí. Sin embargo, algunos puntos importantes son:
?debug=trueo &debug=truea la URL para que sean más legibles al inspeccionarlas.!importantes malo. En su lugar, utilice formas diferentes de especificidad.CSS es complejo. Siga los enlaces anteriores y los demás enlaces que aparecen en 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 utilizar, comience por los artículos de Wikipedia sobre CSS y JavaScript , que contienen una lista de referencias y enlaces externos a material relevante.
/skins/Vector/para ver los conjuntos predeterminados/globales actuales)./skins/MonoBook//core.git/resources/src/mediawiki.skinningLa siguiente tabla está realmente desactualizada desde MediaWiki 1.17 (junio de 2011). La complejidad de MediaWiki en sí ha aumentado significativamente y muchas de las ubicaciones de las reglas de estilo se han separado y solo se recopilan y agrupan cuando se envían 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 URL ?debug=true (esto separará los diferentes archivos CSS, evitará la minimización y conservará los comentarios). Otra forma es mirar estos archivos de apariencia (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 scripts innecesarios.
Se cargan hojas de estilo especiales y JavaScript para algunos grupos de usuarios .
A menudo añadimos el nombre de una plantilla o de un mensaje de MediaWiki como nombre de clase en el código de la plantilla o del mensaje. Esto permite a los usuarios aplicar estilos al mensaje y permite modificarlo en el futuro en los archivos CSS globales. No documente aquí dichos nombres de clase, a menos que se utilicen realmente en algún archivo CSS o JavaScript, ya que existen (o al menos deberían existir) literalmente miles de nombres de clase de este tipo.
Wikipedia también utiliza una serie de clases con funciones no relacionadas con las hojas de estilo.
noviewer, lo que hace que Media Viewer ignore los contenidosrobots-nocontent, lo que hace que el rastreador de Yahoo! ignore el contenido según [3]nopopupnotice, evita que EditNoticesOnMobile (y en el futuro posiblemente las aplicaciones) muestren 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 clase significa "acciones de contenido", "f-" para pie de página, "n-" para navegación, "p-" para "página", "pt-" para "herramientas personales" (en la parte superior) y "t-" para "herramientas" (en la barra lateral).
Aproximadamente 30 variables que se pueden utilizar en JavaScript. Vea el código generado de cualquier página y busque, por ejemplo var wgUserName, .
"wgAction" : "vista" "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" : false } "wgEchoSeenTime" : { "alerta" : "2022-03-15T22:46:57Z" , "aviso" : "1970-01-01T00:00:01Z" }}; "wgEditSubmitButtonLabelPublish" : verdadero "wgFlaggedRevsParams" : { "etiquetas" : { "estado" : { "niveles" : - 1 }}} "wgGEAskQuestionEnabled" : falso "wgGELinkRecommendationsFrontendEnabled" : falso "wgGENewcomerTasksGuidanceEnabled" : verdadero "wgGlobalGroups" : [] "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" : "es" "wgPageContentModel" : "wikitexto" "wgPageName" : " Wikipedia : Catálogo_de_clases_CSS " " wgPopupsFlags" : 10 "wgRelevantArticleId" : 3941451 "wgRelevantPageIsProbablyEditable" : verdadero "wgRelevantPageName" : "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" : "inglés" "wgULSisCompactLinksEnabled" : falso "wgULSPosition" : "interidioma" "wgUserEditCount" : 1288 "wgUserGroups" : [ "extendedconfirmed" , "*" , "usuario" , "autoconfirmado" ] "wgUserId" : 1590755 "wgUserName" : "xxx" "wgUserRegistration" : 999 "wgVisualEditor" :{ "pageLanguageCode" : "en" , "pageLanguageDir" : "ltr" , "pageVariantFallbacks " : "en" } "wgWikibaseItemId" : "Q21188652" "wgWMEPageLength" : 60000 "wgWMESchemaEditAttemptStepOversample" : falso 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.botones-de-la-barra-de-herramientas-adicionales" , "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" , "user" : "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" };