Criar listas HTML <ol> e <ul> online
O Gerador HTML List cria uma lista ordenada <ol> ou não ordenada <ul> a partir das linhas inseridas. Cada linha se transforma em um elemento <li>, e a visualização e as saídas HTML e C# são atualizadas em conjunto.
Escolha uma lista ordenada quando a sequência dos itens tiver significado, como em instruções ou classificações. Escolha uma lista não ordenada quando os itens formarem um conjunto e a sequência não for essencial.
Opções do Gerador HTML List
- Type seleciona uma lista ordenada (
ol) ou não ordenada (ul). - Lines fornece o conteúdo da lista e cria um item para cada linha.
O texto inserido é escapado na marcação gerada, portanto caracteres como < e & permanecem como texto em vez de serem interpretados como HTML.
Criar listas HTML <ol> e <ul> em C#
O painel C# mostra como criar a lista configurada com Aspose.HTML for .NET . O código gerado segue este fluxo:
- Crie um
HTMLDocument. - Use
CreateElement()para criar o contêinerolouulselecionado. - Crie um elemento
lipara cada linha inserida e atribua seu texto por meio deTextContent. - Conecte os itens e a lista com
AppendChild()e salvelist.htmlcomSave().
Escolha o tipo de lista e insira os itens antes de copiar o código C# atualizado.
Perguntas sobre o Gerador HTML List
1. Quando devo usar <ol> em vez de <ul>?
Use <ol> quando alterar a ordem dos itens também alterar o significado, como em etapas, classificações ou sequências cronológicas. Use <ul> quando os itens estiverem relacionados, mas sua ordem não for relevante.
2. Como o gerador transforma o texto inserido em itens de lista?
Cada linha se transforma no texto de um elemento <li> separado dentro da lista selecionada. Os caracteres HTML especiais são escapados, portanto a marcação colada é exibida como texto em vez de ser inserida como elementos aninhados.
3. Posso alterar os números ou marcadores da lista?
O gerador cria a estrutura semântica da lista. Depois de copiá-la, use a propriedade CSS list-style-type e outras propriedades de lista para escolher um marcador adequado sem alterar o significado de <ol> ou <ul>.
4. Este gerador pode criar listas aninhadas?
O gerador cria apenas um nível. Para montar uma estrutura aninhada, coloque outro <ol> ou <ul> dentro do <li> correspondente após copiar a marcação, ou crie essa hierarquia com a API DOM do Aspose.HTML.
5. Um item da lista gerada pode conter um link ou outro elemento HTML?
O campo Lines cria itens somente com texto e escapa a marcação. Depois de copiar o resultado, adicione links ou outro conteúdo permitido dentro dos elementos <li> necessários em HTML ou por meio da API DOM.
Instalar o Aspose.HTML for .NET
Instale o Aspose.HTML for .NET pelo NuGet usando a CLI do .NET:
dotnet add package Aspose.HTML
Você também pode usar a interface do Gerenciador de Pacotes NuGet ou executar Install-Package Aspose.HTML no Console do Gerenciador de Pacotes. Consulte o
guia de instalação
para configurar a biblioteca ou solicite uma
licença temporária
para avaliar a API sem limitações.
Outros geradores HTML
Crie e visualize a marcação de outros elementos HTML comuns.