Pesquisar no apoio

Evite burlas no apoio. Nunca iremos solicitar que telefone ou envie uma mensagem de texto para um número de telefone ou que partilhe informações pessoais. Por favor, reporte atividades suspeitas utilizando a opção "Reportar abuso".

Learn More

html5 <del> tag support

  • 5 respostas
  • 1 tem este problema
  • 2 visualizações
  • Última resposta por elearner

more options

Hi,

I am very disappointed by the way that Mozilla Firefox support tag. Please, try to display the code below with Firefox then Safari : you will get why I mention that Firefox has a wrong <del> tag support :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    
    <style>
h1 {
font: 3.4em/4 "Helvetica Neue";
font-weight: 100;
font-style: italic;
}
    </style>
    
</head>
<body>

 <h1>My <del>ex</del>Title</h1>

</body>
</html>

Hi, I am very disappointed by the way that Mozilla Firefox support <del> tag. Please, try to display the code below with Firefox then Safari : you will get why I mention that Firefox has a wrong <del> tag support : <pre><nowiki><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> h1 { font: 3.4em/4 "Helvetica Neue"; font-weight: 100; font-style: italic; } </style> </head> <body> <h1>My <del>ex</del>Title</h1> </body> </html></nowiki></pre>

Modificado por cor-el a

Todas as respostas (5)

more options

Can you attach a screenshot to show the difference?

Use a compressed image type like PNG or JPG to save the screenshot.

more options

There are 2 screenshots. The first one is Firefox and second one is Safari.

more options

So Firefox displays the strike through thicker and at a higher position.

Does this happen with all fonts?

I'm not having this Helvetica Neue font, but Firefox shows the strike through at about the middle of the characters for me.

more options

I can only compare Firefox and Chrome. Seems that both place the line through the center of a lower case x (half of the x-height) when the font size is a bit larger but where they vary, Chrome aims higher and Firefox aims lower.

Test page: http://jsfiddle.net/3futZ/

Not sure there is any applicable standard for exactly where a line-through is drawn.

Note: You can change the font-family in the Fiddle and save as a new version if you like.

Modificado por jscher2000 - Support Volunteer a

more options

Thank you jscher2000! As you said I don't think there is any applicable standard for this issue.

http://jsfiddle.net/elearnerjs/JL98G/