Experiencias de elementos web clásicas y modernas

Los elementos web de SharePoint han permitido a los usuarios de todos los niveles de experiencia agregar funcionalidades eficaces y personalizables a sus páginas.  Los elementos web modernos están diseñados para ser aún más fáciles de usar, preparados para dispositivos móviles y con un aspecto excelente.

Muchos elementos web modernos cumplen los mismos propósitos que los elementos web clásicos, pero verá diferencias en apariencia y funcionalidad.

Es importante tener en cuenta que las páginas modernas solo pueden usar elementos web modernos y las páginas clásicas solo pueden usar elementos web clásicos. Las excepciones son los elementos web personalizados diseñados específicamente para usarse en páginas modernas. Para los desarrolladores, SharePoint Framework permite la creación de elementos web modernos personalizados que aparecen directamente en el cuadro de herramientas del elemento web. Los desarrolladores también pueden encontrar instrucciones y herramientas en Modernizar los sitios clásicos de SharePoint. 

Es importante tener en cuenta que, por motivos de seguridad, los elementos web modernos no permiten la inserción de código como JScript.

Comparación de elementos web modernos y clásicos

No hay una asignación 1:1 de elementos web clásicos a modernos, pero hay elementos web que tienen propósitos similares.  A continuación se muestran algunos elementos web de uso común en función de su finalidad y algunas de las diferencias entre los elementos web modernos.

Finalidad	Clásico	Moderno
Agregar texto y otro contenido	Elemento web Editor de contenido, Agregar texto y otro contenido directamente a una página wiki	Elemento web textual El elemento web Texto permite agregar y dar formato fácilmente al texto y las tablas de una página. Tiene una barra de herramientas de formato donde puede dar formato al texto, cambiar los estilos y mucho más. Sin embargo, a diferencia del elemento web del editor de contenido, no se puede editar HTML dentro del elemento web. Las tablas anidadas aún no son compatibles. La sintaxis de wiki, como la que se usa para crear vínculos desde y hacia páginas, no se admite en páginas ni en el elemento web Texto, pero es fácil crear vínculos dentro del elemento web Texto. Todavía no es posible agregar imágenes en línea dentro del elemento web Texto, pero puede agregar imágenes junto con el elemento web de texto mediante el elemento web Imagen.
Mostrar una biblioteca de documentos	Biblioteca	Biblioteca de documentos Al crear una biblioteca en un sitio clásico, se crea automáticamente un elemento web de biblioteca y puede elegir mostrarlo en una página. Cuando se usa el elemento web de biblioteca de documentos moderna, se puede elegir una biblioteca para mostrar y mostrar una vista específica de la biblioteca o incluso una carpeta dentro de la biblioteca. Los usuarios con los permisos adecuados pueden agregar, ver o editar archivos directamente desde el elemento web. Los usuarios también pueden anclar un documento en la parte superior de la biblioteca, descargar, eliminar y cambiar el nombre de los archivos. Además, los archivos se pueden mostrar en una vista de detalles o en una vista de iconos, y se muestra el formato de columna y las carpetas anidadas creadas en la lista de origen.
Mostrar una lista	Lista	Lista Cuando crea una lista en un sitio clásico, se crea automáticamente un elemento web de lista para esa lista y puede elegir mostrarlo en una página. El elemento web de lista moderna le permite elegir una lista y personalizarla con su propio título, vista e incluso tamaño. Los usuarios pueden ver, filtrar, ordenar y agrupar la lista. Además, las columnas con formato y los grupos anidados creados en la lista de orígenes se muestran en el elemento web.
Mostrar un archivo	Visor de páginas	Visor de archivos El moderno elemento web Visor de archivos le permite insertar más de 270+ tipos de archivo, incluyendo no solo archivos conocidos de Word, Excel y PowerPoint, sino también tipos de archivo avanzados como modelos 3D e imágenes médicas. Nota: En SharePoint 2019, los tipos de archivo que se pueden insertar se limitan a Word, Excel y PowerPoint (específicamente .doc, .docx,. xls, .xlsx, .pot, .potx, .ppt y .pptx).Insertar elemento web El elemento web Insertar le permite mostrar contenido en la página de sitios que permiten la inserción (como YouTube, por ejemplo). En función del sitio web, puede usar la dirección web del sitio o el código para insertar que proporcione el sitio.
Agregar contactos	Elemento web Detalles de contacto	Elemento web People El elemento web Detalles de contacto clásico le permite agregar manualmente un contacto a la vez. El elemento web People moderno permite agregar varios contactos de perfiles de usuario junto con información visual y organizativa. La apariencia de los detalles de contacto se puede cambiar de compacta a descriptiva, lo que significa que se pueden mostrar más detalles sobre un contacto directamente en la página.
Agregar imágenes	Elemento web de imagen, Elemento web Editor de contenido, Biblioteca de imágenes	Elemento web de imagen El elemento web Imagen agrega orígenes adicionales para la imagen: reciente, búsqueda web y OneDrive. El tamaño de la imagen se puede modificar a proporciones estándar y personalizadas. Elemento web Galería de imágenes El elemento web Galería de imágenes permite agregar imágenes en un diseño de mosaico o carrusel. En el diseño de carrusel, las imágenes se pueden establecer en tamaños de proporción familiares. Las imágenes más pequeñas se ajustarán al tamaño de la relación de relleno, pero las imágenes más grandes no se cambiarán de tamaño. Elemento web Elemento principal El elemento web Elemento principal se puede configurar para mostrar un máximo de 5 elementos en una disposición de iconos o capas, lo que centra el foco en elementos individuales según sea necesario. Los elementos individuales pueden tener títulos, imágenes específicas y texto alternativo. También puede organizar los elementos según sea necesario. Visor de archivos Use el visor de archivos para mostrar modelos 3D. Esto es especialmente útil para modelos médicos.
Mostrar vídeos en una página	Elemento web multimedia	Visor de archivos El elemento web Visor de archivos le permite mostrar vídeos locales del sitio de SharePoint (como . MOV, .MP4 y . WMV). Insertar elemento web Con el elemento web Insertar, puede mostrar vídeos (u otro contenido) en la página desde sitios que permiten la incrustación (como YouTube, por ejemplo). Según el sitio web desde el que vaya a insertar, puede usar la dirección web del sitio o el código para insertar que proporcione el sitio. SharePoint solo en Microsoft 365. Stream vídeo El elemento web de vídeo de Stream reproduce los vídeos del servicio Microsoft Stream como un formato de varios vídeos, denominado canal, o como un único vídeo. Agrega configuraciones de reproducción sociales y avanzadas actualizadas, como dar me gusta, cambiar la velocidad de reproducción, ver con subtítulos generados (solo en inglés y español) y crear listas de reproducción. No se requieren complementos de explorador adicionales. Los metadatos y permisos específicos del vídeo se establecen en el servicio de Microsoft Stream. Elemento web de YouTube El elemento web de YouTube te permite insertar vídeos de YouTube directamente en tu página, incluida la capacidad de establecer la hora de inicio y mostrar los controles del reproductor.
Mostrar fechas y horarios de próximas reuniones y eventos	Calendario	Eventos El elemento web Eventos muestra los eventos en un formato de tarjeta de intervalo de fechas o de tira de película personalizable. Los datos de eventos expandidos también pueden tener imágenes de eventos, mapas de Bing y datos de reuniones. Puede descargar reuniones con . ICS, pero el elemento web Eventos no puede conectarse ni leer desde un servicio de calendario de Exchange. El elemento web Eventos usa la misma lista que el elemento web Calendar, pero las columnas personalizadas no se muestran en el elemento web Eventos. Calendario de grupo El elemento web Calendario de grupo usa la aplicación Calendario de grupo de Microsoft 365 para el almacenamiento de eventos. Los nuevos eventos de grupo no se pueden agregar con el elemento web Calendario de grupo. Los eventos se muestran en formato de lista para maximizar los detalles expandidos de cada evento. Puede especificar el número de eventos mostrados en cada página y desplazarse por las páginas. SharePoint solo en Microsoft 365.
Mostrar vínculos a otro contenido	Vínculos promocionados, Enlaces, Elemento web Editor de contenido, Anuncios, Vínculo de resumen	Vínculos rápidos El elemento web Vínculos rápidos se puede configurar para que se muestre como un formato de carrusel denominado tira de película o un formato compacto más pequeño. Cada uno de los enlaces en formato compacto se puede organizar y mostrar con o sin imágenes. Todavía no es posible rellenar los vínculos rápidos en función de una lista. Vínculo El elemento web Vínculo muestra un vínculo de dirección URL completo y agrega la capacidad de mostrar u ocultar un panel de vista previa con el destino del vínculo. SharePoint solo en Microsoft 365. Elemento web textual En el elemento web Texto, puede agregar vínculos dentro del contenido mediante la barra de herramientas.
Buscar y mostrar contenido	Consulta de contenido, Búsqueda de contenido	Contenido destacado Con el elemento web Contenido resaltado, muchas de las opciones de búsqueda o consulta avanzadas y confusas se han reemplazado por opciones de consulta simplificadas. Sin embargo, a diferencia de sus homólogos clásicos, no puede usar plantillas de visualización personalizadas.
Anunciar noticias a su equipo	Anuncios	Noticias El elemento web Anuncios clásico usa una lista para mostrar anuncios en la página. El elemento web Noticias es un amplio sistema de distribución de contenido que usa páginas con formato enriquecido o vínculos a noticias, y acumula publicaciones de noticias en la página principal, los sitios y los sitios centrales de SharePoint. El elemento web se puede personalizar para mostrar los resultados de varias maneras diferentes. Esto proporciona una experiencia más rica y dinámica en la lista de anuncios estáticos.
Seguimiento de proyectos	Lista de tareas	Planner El elemento web de Planner moderno funciona con los grupos de Microsoft 365 y el servicio de Microsoft 365 Planner. Los planes se almacenan en el servicio de Microsoft 365 Planner, lo que permite una mayor personalización. La escala de tiempo predeterminada se ha eliminado para ofrecer opciones de visualización más flexibles que incluyen un panel de información general de solo lectura denominado panel o un diseño Kanban denominado cubo. El uso del diseño de depósito permite agrupar por depósitos, asignado a, progreso, fecha de vencimiento y categorías de etiquetas. Además, el diseño de cubo permite agregar y modificar directamente tareas dentro de un plan almacenado en el servicio Microsoft 365 Planner. Este elemento web solo está disponible en un sitio conectado de grupo de SharePoint en Microsoft 365.
Mostrar sitios y vínculos en una página	Agregador de sitios	Sitios El elemento web clásico Agregador de sitios se centró en una vista visualmente simplificada de los sitios. Con el elemento web Sitios, la larga lista de archivos se reemplaza por tarjetas de información que muestran los archivos vistos por última vez, modificados por última vez y más populares. Los sitios se pueden mostrar como tarjetas o en un diseño de tira de película mediante un mecanismo de carrusel para desplazarse por los sitios seleccionados. SharePoint solo en Microsoft 365.
Mostrar conversaciones en la página	Fuente del sitio	Elementos web de Yammer Hay dos elementos web de Yammer disponibles: El elemento web Conversaciones de Yammer permite a los usuarios participar en conversaciones de Yammer para un grupo o tema específico sin salir de la página de SharePoint. El elemento web Aspectos destacados de Yammer muestra conversaciones específicas, principales o más recientes. Dado que Yammer ha reemplazado a la característica fuente de noticias de SharePoint, los elementos web modernos de Yammer reemplazan al elemento web de fuente de sitio clásico.
Mostrar contenido de otra página	Visor de páginas	Insertar Tanto el elemento web Visor de páginas como el elemento web Insertar le permiten mostrar contenido de otros sitios que permiten la incrustación. El código para insertar debe estar basado en iframe y no se admite el código que usa <etiquetas de script> . Además, sólo se pueden incrustar sitios web seguros.
Recopilar y mostrar datos de formularios	Formularios de InfoPath	PowerApps Con PowerApps, puede crear formularios eficaces para recopilar, almacenar y mostrar datos sin usar código. También puede usar PowerApps para personalizar un formulario para una lista de SharePoint. SharePoint solo en Microsoft 365. Microsoft Forms Con el elemento web de Microsoft Forms, puede agregar un formulario o los resultados de un formulario a la página. También puede ver resúmenes de resultados en gráficos directamente en la página. SharePoint solo en Microsoft 365.