Experiencias de elementos web clásicos y modernos

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

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

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

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 fines similares.  A continuación se muestra un vistazo a algunos elementos web usados habitualmente en función de sus fines 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 Texto El elemento web Texto le permite agregar y dar formato fácilmente al texto y a las tablas de una página. Tiene una barra de herramientas de formato donde puede dar formato al texto, cambiar estilos y mucho más. Sin embargo, a diferencia del elemento web editor de contenido, no 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 las páginas, no es compatible con las páginas ni con el elemento web Texto, pero es fácil crear vínculos dentro del elemento web Texto. Aún no es posible agregar imágenes alineadas dentro del elemento web Texto, pero puede agregar imágenes junto con el elemento web 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. Al usar el elemento web biblioteca de documentos moderna, 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 a 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 mosaicos, y se muestran el formato de columna y las carpetas anidadas creadas en la lista de origen.
Mostrar una lista	Lista	Lista Al crear una lista en un sitio clásico, se crea automáticamente un elemento web de lista para esa lista y puede elegir mostrarla en una página. El elemento web de lista moderno 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 origen se muestran en el elemento web.
Mostrar un archivo	Visor de páginas	Visor de archivos El elemento web Visor de archivos moderno le permite insertar más de 270 tipos de archivo, incluidos no solo archivos familiares 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 están limitados 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 incrustación (como YouTube, por ejemplo). Según el sitio web, puede usar la dirección web del sitio o insertar el código que proporciona el sitio.
Agregar contactos	Elemento web Detalles de contacto	People elemento web El elemento web detalles de contacto clásico le permite agregar manualmente un contacto a la vez. El elemento web People moderno le 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 Imagen, Elemento web Editor de contenido, Biblioteca de imágenes	Elemento web Imagen El elemento web Imagen agrega orígenes adicionales para la imagen: recientes, búsqueda web y OneDrive. El tamaño de la imagen se puede modificar a relaciones estándar y personalizadas. Elemento web Galería de imágenes El elemento web Galería de imágenes le permite agregar imágenes en un diseño de mosaico o carrusel. Mientras que en diseño de carrusel las imágenes se pueden establecer con tamaños de relación familiares. Las imágenes más pequeñas se ajustarán a la relación de relleno, pero no se cambiará el tamaño de las imágenes de mayor tamaño. Elemento web Imagen prominente El elemento web Imagen prominente se puede configurar para mostrar hasta 5 elementos en una colocación de capas o mosaicos, centrándose 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 Usa 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 desde su 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 permitan insertar (como YouTube, por ejemplo). Según el sitio web desde el que se inserta, puede usar la dirección web del sitio o código para insertar que proporciona el sitio. SharePoint solo en Microsoft 365. Stream vídeo El elemento web Stream vídeo reproduce vídeos del servicio de Microsoft Stream como un formato de vídeo múltiple denominado canal o como un solo vídeo. Agrega una configuración de reproducción social y avanzada actualizada como el me gusta, cambiar la velocidad de reproducción, ver 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 dentro del servicio de Microsoft Stream. Elemento web de YouTube El elemento web de YouTube le permite insertar vídeos de YouTube directamente en su página, incluida la capacidad de establecer la hora de inicio y mostrar los controles del reproductor.
Mostrar fechas y horas de próximas reuniones y eventos	Calendario	Eventos El elemento web Eventos muestra los eventos en un formato personalizable de tarjeta de intervalo de fechas o tira de película. Los datos de eventos expandido también pueden tener imágenes de eventos, mapas de Bing y datos de reuniones. Puede descargar reuniones con . El formato ICS, pero el elemento web Eventos no se puede conectar ni leer desde un servicio de calendario de Exchange. El elemento web Eventos usa la misma lista que el Calendar elemento web, 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. No se pueden agregar nuevos eventos de grupo con el elemento web Calendario de grupo. Los eventos se muestran en formato de lista para maximizar los detalles expandido de cada evento. Puede especificar el número de eventos mostrados en cada página y páginas de desplazamiento. SharePoint solo en Microsoft 365.
Mostrar vínculos a otro contenido	Vínculos promocionados, Vínculos, 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 formato compacto más pequeño. Cada uno de los vínculos en formato compacto se puede organizar y mostrar con o sin imágenes. Aún no es posible rellenar vínculos rápidos basados en una lista. Vínculo El elemento web Vínculo muestra un vínculo URL completo y agrega la posibilidad de mostrar u ocultar un panel de vista previa con el destino del vínculo. SharePoint solo en Microsoft 365. Elemento web Texto 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 resaltado Con el elemento web Contenido resaltado, muchas de las opciones avanzadas y confusas de búsqueda o consulta se han sustituido 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 enriquecidas con formato o vínculos a noticias, y resumir publicaciones de noticias en sitios centrales, sitios y páginas principales de SharePoint. El elemento web se puede personalizar para mostrar los resultados de varias maneras diferentes. Esto proporciona una experiencia más enriquecida y dinámica sobre la lista de anuncios estáticos.
Realizar un seguimiento de proyectos	Lista de tareas	Planner El elemento web moderno planner funciona con grupos de Microsoft 365 y el servicio Microsoft 365 Planner. Los planes se almacenan en el servicio Microsoft 365 Planner, lo que permite una mayor personalización. La escala de tiempo predeterminada se quita para ver 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 del cubo permite agrupar por categorías de cubos, asignadas a, progreso, fecha de vencimiento y etiquetas. Además, el diseño Cubo permite agregar y modificar tareas directamente dentro de un plan almacenado en el servicio Microsoft 365 Planner. Este elemento web solo está disponible en un sitio conectado de grupo de Microsoft 365 de SharePoint.
Mostrar sitios y vínculos en una página	Agregador de sitios	Sitios Elemento web agregador de sitios clásico centrado en una vista simplificada visualmente 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 los 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 Resaltados de Yammer muestra conversaciones específicas, superiores o más recientes. Como Yammer ha sustituido a la característica Suministro de noticias de SharePoint, los elementos web modernos de Yammer reemplazan al elemento web 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 permiten mostrar contenido de otros sitios que permiten la incrustación. El código para insertar debe estar basado en iframe y el código que usa <etiquetas de script> no es compatible. Además, solo se pueden insertar 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 Microsoft Forms, puede agregar un formulario o resultados de formulario a la página. También puede ver los resultados de resumen en gráficos directamente en la página. SharePoint solo en Microsoft 365.