Search code examples
csshtmltwitter-bootstrapgoogle-webfonts

Single versus double quotation marks in HTML & CSS

Could anyone clarify the difference between single and double quotation marks in HTML5 & CSS.

Here's Google's contradictory use of single quotes in HTML:

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

And CSS:

font-family: 'Roboto', sans-serif;

While Bootstrap's documentation practices demonstrate the use of double quoted marks in HTML: 

<link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css">

And CSS:

font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;

Which practice is the best and why ?

EDIT: Is there any valid reason why Google Fonts decided to use single quotes ?

Solution

  • Either are valid, but you probably should stick to a certain style guide. For example, Google's style guide suggest using double quotes for HTML and single quotes for CSS. (Although Google Fonts doesn't follow this exactly)