Atributos HTML personalizados

Este é um exemplo de um parágrafo de Markdown com atributos HTML personalizados: class, id e attribute='value'.

Canal

Este é um parágrafo de Markdown com um atributo class personalizado chamado .LongFoo. Ele também tem um atributo id personalizado chamado #next-line para que você possa vincular diretamente a ele. Esses atributos são especificados na próxima linha.

Este é um parágrafo de Markdown com um atributo class personalizado chamado .LongFoo. Ele também tem um atributo id personalizado chamado #same-line para que você possa vincular diretamente a ele. Esses atributos são especificados na mesma linha.

Este parágrafo Markdown não contém atributos personalizados. Há atributos personalizados especificados no parágrafo a seguir, mas eles não serão aplicados a esse parágrafo porque são precedidos por uma linha em branco. O parágrafo a seguir tem um atributo class chamado .LongFoo. Ele também tem um atributo id personalizado chamado #blank-line, mas não vincula diretamente a ele.

Períodos de código

Esse code span tem um atributo class personalizado com o nome .CSFoo que segue imediatamente o acento grave de fechamento sem um espaço no meio.

Blocos de código

Confira abaixo um exemplo de um atributo id personalizado chamado #mysample em um bloco de código para que você possa vincular diretamente a ele:

print('hello world')

Títulos

Para aplicar um atributo personalizado a um título (ou a qualquer elemento que não seja um parágrafo), coloque o atributo no fim da linha.

Título com atributo de classe

Este título tem um atributo class personalizado chamado .customClass, que é especificado na mesma linha do título.

Título com âncora nomeada

Este título tem um atributo id personalizado chamado #named-heading, que também é especificado na mesma linha que o título para que você possa criar um link direto.

Este é um exemplo de link inline com um atributo title. A dica Agora você me verá aparecerá quando você passar o cursor sobre o link.

Este é um exemplo de outro link inline que não tem um atributo title. Nenhum texto aparece quando você passa o cursor sobre o link.

Listas

Confira a seguir um exemplo de lista que usa atributos personalizados:

  • Este item da lista tem um atributo class personalizado chamado .ListFoo e um atributo id personalizado chamado #first-item.
  • Este item da lista tem um atributo id personalizado chamado #second-item.

O id personalizado para cada item da lista permite vincular diretamente ao primeiro item e ao segundo item.

Tabelas

Essa tabela tem um atributo class personalizado chamado .TableFoo no final da linha do cabeçalho.

Header1 Header2
Cell1 Cell2

Essa tabela de várias linhas tem um atributo id personalizado chamado #multi-line no final da linha de cabeçalho para que você possa vincular a tabela diretamente.

Header1 continua em uma segunda linha Header2 continua em uma segunda linha
A Célula 1 continua em uma segunda linha Cell2 continuou em uma segunda linha