Output escaping with htmlspecialchars in PHP - Mini Project: Build & Apply

Output escaping with htmlspecialchars

📖 Scenario: You are building a simple PHP web page that displays user comments. To keep the page safe from harmful code, you need to escape special characters in the comments before showing them.

🎯 Goal: Create a PHP script that safely displays user comments by using htmlspecialchars to escape special characters.

📋 What You'll Learn

Create an array called comments with exact string values including special HTML characters

Create a variable called escaped_comments to store escaped comments

Use a foreach loop with variables comment to process each comment

Use htmlspecialchars function to escape each comment

Print each escaped comment on a new line using echo

💡 Why This Matters

🌍 Real World

Web developers must escape user input before showing it on web pages to prevent security problems like cross-site scripting (XSS).

💼 Career

Knowing how to safely display user content is essential for backend and full-stack developers working with PHP or any web technology.

1

Create the comments array

Create an array called comments with these exact string values: 'Hello & welcome!', 'Good morning everyone', and 'Use "quotes" wisely.'

PHP

# Create the comments array with exact values
# Your code here

Hint

Use square brackets [] to create the array and separate strings with commas.

2

Create the escaped_comments array

Create an empty array called escaped_comments to store the escaped versions of the comments.

PHP

everyone', 'Use "quotes" wisely.'];
# Create an empty array called escaped_comments
# Your code here

Hint

Use [] to create an empty array.

3

Escape each comment using htmlspecialchars

Use a foreach loop with variable comment to go through $comments. Inside the loop, use htmlspecialchars on $comment and add the result to $escaped_comments.

PHP

everyone', 'Use "quotes" wisely.'];
$escaped_comments = [];
# Use foreach loop to escape each comment
# Your code here

Hint

Use foreach ($comments as $comment) and inside the loop, append escaped comment to $escaped_comments.

4

Print the escaped comments

Use a foreach loop with variable escaped_comment to go through $escaped_comments. Inside the loop, print each $escaped_comment followed by a line break using echo.

PHP

everyone', 'Use "quotes" wisely.'];
$escaped_comments = [];
foreach ($comments as $comment) {
    $escaped_comments[] = htmlspecialchars($comment);
}
# Print each escaped comment with a line break
# Your code here

Hint

Use echo $escaped_comment . "<br>"; inside the loop to print each escaped comment on its own line.

Practice

1. What is the main purpose of the htmlspecialchars function in PHP?

easy

A. To convert special HTML characters to safe codes to prevent code execution

B. To format numbers for display

C. To connect to a database securely

D. To compress HTML output for faster loading

Solution

1. Step 1: Understand the function's role

   htmlspecialchars changes special characters like <, >, &, " into safe HTML entities.

2. Step 2: Recognize the security benefit

   This prevents browsers from interpreting user input as code, protecting against attacks like XSS.

3. Final Answer:

   To convert special HTML characters to safe codes to prevent code execution -> Option A

4. Quick Check:

   htmlspecialchars protects output = To convert special HTML characters to safe codes to prevent code execution [OK]

Hint: Think: 'Make HTML special chars safe' [OK]

Common Mistakes:

• Confusing with formatting functions
• Thinking it compresses or encrypts output
• Assuming it connects to databases

2. Which of the following is the correct syntax to escape a string $input using htmlspecialchars in PHP?

easy

A. html_escape($input);

B. escape_html($input);

C. htmlspecialchars($input);

D. htmlspecialchars_escape($input);

Solution

1. Step 1: Identify the correct function name

   The PHP function to escape HTML special characters is exactly htmlspecialchars.

2. Step 2: Confirm the syntax

   The function is called with the string variable inside parentheses: htmlspecialchars($input);.

3. Final Answer:

   htmlspecialchars($input); -> Option C

4. Quick Check:

   Correct function name and syntax = htmlspecialchars($input); [OK]

Hint: Use exact function name: htmlspecialchars() [OK]

Common Mistakes:

• Using incorrect function names
• Missing parentheses
• Confusing with other escaping functions

3. What will be the output of the following PHP code?

$input = 'Hello & Welcome';
echo htmlspecialchars($input);

medium

A. Hello & Welcome

B. Hello & Welcome

C. <b>Hello & Welcome</b>

D. <b>Hello & Welcome</b>

Solution

1. Step 1: Understand what htmlspecialchars does to special characters

   The characters <, >, and & are converted to &lt;, &gt;, and &amp; respectively.

2. Step 2: Apply htmlspecialchars to the input string

   The string 'Hello & Welcome' becomes '<b>Hello & Welcome</b>'.

3. Final Answer:

   <b>Hello & Welcome</b> -> Option D

4. Quick Check:

   Special chars escaped = <b>Hello & Welcome</b> [OK]

Hint: Remember: <, >, & become <, >, & [OK]

Common Mistakes:

• Expecting HTML tags to remain unescaped
• Not escaping ampersand (&)
• Confusing output with raw HTML

4. Identify the error in this PHP code snippet:

$text = '';
echo htmlspecialchars $text;

medium

A. Incorrect variable name

B. Missing parentheses when calling htmlspecialchars

C. htmlspecialchars does not escape quotes

D. Missing semicolon after variable assignment

Solution

1. Step 1: Check function call syntax

   Functions in PHP require parentheses around arguments. Here, htmlspecialchars $text; is missing parentheses.

2. Step 2: Confirm other syntax elements

   Variable name and semicolons are correct; quotes are escaped by default.

3. Final Answer:

   Missing parentheses when calling htmlspecialchars -> Option B

4. Quick Check:

   Function calls need parentheses = Missing parentheses when calling htmlspecialchars [OK]

Hint: Always use parentheses when calling functions [OK]

Common Mistakes:

• Calling functions without parentheses
• Assuming quotes are not escaped
• Overlooking semicolon placement

5. You want to safely display user input that may contain HTML tags and quotes. Which htmlspecialchars call correctly escapes all special characters including double and single quotes?

hard

A. htmlspecialchars($input, ENT_QUOTES | ENT_HTML5)

B. htmlspecialchars($input, ENT_NOQUOTES)

C. htmlspecialchars($input, ENT_COMPAT)

D. htmlspecialchars($input)

Solution

1. Step 1: Understand the flags for htmlspecialchars

   ENT_QUOTES escapes both single and double quotes; ENT_HTML5 ensures HTML5 entities.

2. Step 2: Compare options

   htmlspecialchars($input, ENT_QUOTES | ENT_HTML5) uses ENT_QUOTES and ENT_HTML5, escaping all quotes and special chars safely.

3. Final Answer:

   htmlspecialchars($input, ENT_QUOTES | ENT_HTML5) -> Option A

4. Quick Check:

   Use ENT_QUOTES to escape all quotes = htmlspecialchars($input, ENT_QUOTES | ENT_HTML5) [OK]

Hint: Use ENT_QUOTES flag to escape all quotes [OK]

Common Mistakes:

• Using ENT_NOQUOTES which skips quote escaping
• Assuming default escapes single quotes
• Not specifying ENT_HTML5 for modern HTML