Avalados por :

Como configurar a declaração DOCTYPE em um componente de portal para melhorar o CSS?

  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 1 Vistas
0
Cargando...

Preciso de uma declaração de tipo de documento (DOCTYPE) no topo do HTML de saída de um componente de portal para que algumas características de CSS funcionem. Se você não sabe do que estou falando, é uma declaração do tipo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

no topo de uma página HTML.

Alguém sabe onde configurar isso e em que nível?

Notei que o HTML do SDN possui a declaração DOCTYPE, mas nosso próprio portal parece não gerar essa declaração DOCTYPE.

Pedro Pascal
Se unió el 07/03/2018
Pinterest
Telegram
Linkedin
Whatsapp

4 Respuestas

0
Cargando...

Anton,

O contexto é uma tentativa de criar um menu dinâmico baseado em CSS para o portal como substituição dos menus padrão do portal. Quero que toda a hierarquia seja visível no cliente sem a necessidade de retornar ao servidor para aprofundar na hierarquia, como faz a navegação detalhada entregue pela SAP.

Também é necessário ter cantos arredondados para as abas do menu, algo que também quero alcançar através do CSS.

Meu componente do portal cria uma lista não numerada a partir da estrutura do menu do portal. As definições de classe CSS transformam essa lista em um menu dinâmico horizontal.

A ideia é inspirada em exemplos disponíveis nos seguintes URLs

http://www.alistapart.com/articles/horizdropdowns/

e

http://www.seoconsultants.com/css/menus/tutorial/

O estado atual do meu projeto de teste é que o menu funciona em um layout HTML puro com o DOCTYPE no topo, mas não dentro do contexto do meu componente do portal.

PS: obrigado pela referência ao artigo sobre DOCTYPE. Há um similar no alistapart, aliás, que já li e é exatamente a razão pela qual estou tentando estabelecer o doctype e ver se isso resolve meu problema: http://www.alistapart.com/articles/doctype/

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Olá Theo

Não consigo responder à sua pergunta sobre como fazer isso, mas questiono por que você gostaria de fazê-lo.

Se a declaração do tipo de documento de um documento html for excluída ou se uma declaração incompleta como a declaração em sdn for incluída, os navegadores modernos mudam para o modo de renderização chamado "modo de quirks". Neste modo, um navegador moderno renderiza de acordo com o comportamento de design não padrão dos navegadores mais antigos. Algumas páginas podem depender de serem renderizadas dessa maneira. Não seria surpreendente se EP dependesse desse comportamento de design.

Se uma declaração completa do tipo de documento for incluída, o modo de renderização do navegador pode mudar para um modo "estrito" ou "quase estrito". Se você fizer isso em páginas que dependem de um comportamento de design não padrão, o design parecerá "quebrado".

O artigo ao qual me referi tem boas dicas sobre qual doctype pode ser o mais apropriado. Quando um documento html não é validado, como as páginas em sdn, então é melhor não usar nenhum doctype.

Não tenho certeza de quais características de CSS não funcionam sem uma declaração de doctype. Se você me der mais informações sobre isso, talvez eu possa ajudá-lo.

Anton

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Apenas para adicionar minha contribuição. Tivemos um problema significativo ao adicionar a declaração DOCTYPE no topo do site SDN. Com o portal, ocorrem problemas graves com alguns objetos JavaScript ao definir o DOCTYPE como XHTML estrito, e você provavelmente verá uma janela quadrada em branco no canto superior esquerdo da tela. Acredito que seja um iframe usado para exibir algumas mensagens dentro do portal, que normalmente só é mostrado quando certos eventos ocorrem. No entanto, ao definir o doctype como XHTML, descobri que o iframe estava sendo exibido no canto superior esquerdo e sem alterar o JavaScript padrão do portal, não consegui corrigir isso.

Além disso, como observação lateral, existem diferenças significativas no CSS ao usar o modo estrito ou de compatibilidade dos navegadores. Obviamente, há maneiras de resolver isso, mas é um processo doloroso.

Envie-me um e-mail se quiser que eu explique como conseguimos fazer com que esse doctype seja exibido no navegador.

D

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Olá Theo

Eu dei uma olhada no exemplo no artigo da A List Apart. Salvei os arquivos html e css localmente e removi a declaração DOCTYPE e a declaração de espaço de nomes xml do elemento html. Verifiquei o resultado no Firefox, IE6, IE5.5 e IE5.1, mas não houve diferença no design com a declaração.

Você está convidado a me enviar um exemplo do seu layout HTML e css por e-mail para que eu possa dar uma olhada.

Saudações

Anton

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?