Topic 10 : HTML is Case Sensitive or Not?

1️⃣ HTML Tags & Attributes

  • Not case sensitive<p> = <P> = <p>

  • Best practice: Always write in lowercase: <p>, <div>, <a>

2️⃣ File Names

  • Windows: Photo.jpg = photo.jpg

  • Linux/Unix: Photo.jpgphoto.jpg

  • Tip: Always use lowercase for files: image.jpg, style.css

3️⃣ CSS

  • Properties: Not case sensitive → color = COLOR

  • Class & ID names: Case sensitive

Example:

<!DOCTYPE html>
<html lang=”en”>
  <head>
    <meta charset=”UTF-8″ />
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
    <title>Case Sensitivity</title>
  </head>
  <body>
    <H1>HTML IS NOT Case Sensitive</H1>
    <hr />
    <h1>Not Case Sensitive means capital and small tags meaning is same</h1>
  </body>
</html>

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top