search

necolas / normalize.css

A modern alternative to CSS resets
http://necolas.github.io/normalize.css/
MIT License
52.41k stars 10.66k forks source link

Chrome added quote's to q element #493

Closed gautamz07 closed 8 years ago

gautamz07 commented 8 years ago

I just used the following html:

<p>
    <q>Tried to hang a TV on my own. What a mistake! Khalaas handymen
mounted it properly in just a few minutes.</q>
    <cite>-JEANINE Chicago</cite>
</p>

And i saw the following being added in chrome. (the close and open quotes in chrome user agent). can this behavior be normalized ? see screenshot below.

http://i.imgur.com/z3yWu8O.jpg

FagnerMartinsBrack commented 8 years ago

That seems to be the intended behavior, see http://www.w3.org/TR/html-markup/q.html.

Is there any browser that does not use the following styles and need to be normalized?

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
jeffreybarke commented 8 years ago

@gautamz07: You might be looking for a reset instead of normalize.css. As FagnerMartinsBrack notes, this is intended behavior per the spec. All supported browsers add quotes.

@FagnerMartinsBrack, @necolas: There might be a case for normalization here, though. Testing with both the serif and sans-serif generic families:

Given http://webdesign.tutsplus.com/articles/start-using-quotation-marks-the-correct-way--webdesign-16905, http://www.spanishdict.com/topics/show/119, http://spanish.about.com/od/writtenspanish/a/angularquotes.htm and https://german.stackexchange.com/questions/117/what-is-the-correct-way-to-denote-a-quotation-in-german, possibly normalize.css should add something like the following:

q {
  quotes: "“" "”" "‘" "’";
}
pre q,
code q,
kdb q,
samp q {
  quotes: "\"" "\"" "'" "'";
}
html[lang="de"] q {
  quotes: "»" "«" "‹" "›";
}
html[lang="fr"] q,
html[lang="es"] q {
  quotes: "«" "»";
}
gautamz07 commented 8 years ago

@FagnerMartinsBrack Thanks.

@jeffreybarke Great .

necolas commented 8 years ago

A while ago I decided to leave quotes alone in order to support any default localization provided by browsers. The need for standardized quotes is probably quite rare, and I think it's something beyond the practical scope of this project.