Crear listas HTML <ol> y <ul> en línea
El Generador HTML List crea una lista ordenada <ol> o una lista no ordenada <ul> a partir de las líneas introducidas. Cada línea se convierte en un elemento <li>, y la vista previa, el código HTML y el código C# se actualizan a la vez.
Elija una lista ordenada cuando la secuencia de los elementos aporte significado, como en instrucciones o clasificaciones. Elija una lista no ordenada cuando los elementos formen un conjunto y la secuencia no sea esencial.
Opciones del Generador HTML List
- Type selecciona una lista ordenada (
ol) o una lista no ordenada (ul). - Lines proporciona el contenido de la lista y crea un elemento por cada línea.
El texto introducido se escapa en el marcado generado, por lo que caracteres como < y & permanecen como texto en vez de interpretarse como HTML.
Crear listas HTML <ol> y <ul> en C#
El panel C# muestra cómo crear la lista configurada con Aspose.HTML for .NET . El código generado sigue este flujo:
- Cree un
HTMLDocument. - Use
CreateElement()para crear el contenedoroloulseleccionado. - Cree un elemento
lipara cada línea introducida y asigne su texto medianteTextContent. - Conecte los elementos y la lista con
AppendChild()y guardelist.htmlconSave().
Elija el tipo de lista e introduzca los elementos antes de copiar el código C# actualizado.
Preguntas sobre el Generador HTML List
1. ¿Cuándo debe usarse <ol> en lugar de <ul>?
Use <ol> cuando cambiar el orden de los elementos alteraría el significado, como en pasos, clasificaciones o secuencias cronológicas. Use <ul> cuando los elementos estén relacionados, pero su orden no sea relevante.
2. ¿Cómo convierte el generador el texto introducido en elementos de lista?
Cada línea se convierte en el texto de un elemento <li> independiente dentro de la lista seleccionada. Los caracteres HTML especiales se escapan, por lo que el marcado pegado se muestra como texto y no se inserta como elementos anidados.
3. ¿Pueden cambiarse los números o las viñetas?
El generador crea la estructura semántica de la lista. Después de copiarla, use la propiedad CSS list-style-type y otras propiedades de lista para elegir un marcador adecuado sin cambiar el significado de <ol> o <ul>.
4. ¿Puede este generador crear listas anidadas?
El generador crea un solo nivel. Para obtener una estructura anidada, coloque otro <ol> o <ul> dentro del <li> correspondiente después de copiar el marcado, o cree la jerarquía con la API DOM de Aspose.HTML.
5. ¿Puede un elemento de la lista generada contener un enlace u otro elemento HTML?
El campo Lines crea elementos que solo contienen texto y escapa el marcado. Después de copiar el resultado, añada enlaces u otro contenido permitido dentro de los elementos <li> necesarios mediante HTML o la API DOM.
Instalar Aspose.HTML for .NET
Instale Aspose.HTML for .NET desde NuGet con la CLI de .NET:
dotnet add package Aspose.HTML
También puede usar la interfaz del Administrador de paquetes NuGet o ejecutar Install-Package Aspose.HTML en la consola del Administrador de paquetes. Consulte la
guía de instalación
para configurar la biblioteca o solicite una
licencia temporal
para evaluar la API sin limitaciones.
Otros generadores HTML
Cree y previsualice el marcado de otros elementos HTML habituales.