Hongmu Notes
Home Summary of pitfalls

Summary of pitfalls

A summary of common mistakes encountered when building websites... This list isn't exhaustive; it merely records the issues I faced during my own development projects.

Browser User-Agent summary

Browser User-Agent summary Summary of pitfalls

I. Basic Knowledge Section: HTTP Header – User-Agent. The User-Agent, also known as UA, is a component of the HTTP protocol and belongs to the header fields. It is a special string header that serves as an identifier providing information about the browser type and version, operating system and version, browser engine, and other details when accessing a website. Through this...
👁 447
Customer service code on the side of the website Foldable ball customer service display

Customer service code on the side of the website Foldable ball customer service display Summary of pitfalls

First, the HTML code: <section id= "cebian"> <div class= "all close"> <div class= "shang"> <div class="mune&q...
👁 155
Imitate the bottom html of a Douyin footer

Imitate the bottom html of a Douyin footer Summary of pitfalls

CSS code: * {box-sizing: border-box; margin: 0; padding: 0;} a {text-decoration: none; color: #fff} #footers.footer {background: #171725; min-height...
👁 115
Website access to Baidu map

Website access to Baidu map Summary of pitfalls

Now, define an HTML element with an `id` attribute: `<div id= "maps">` `<%/div>` Then, include the Baidu JS script: `<script src= "//api.map.baidu.com/api?type=webgl&v=1.0&ak=IqqChZ...">`
👁 214
Reason why layer.msg is invalid

Reason why layer.msg is invalid Summary of pitfalls

Reason 1: Simultaneous introduction of multiple layui versions; Reason 2: Incorrect script syntax: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>...
👁 573
HTML <video> tag

HTML <video> tag Summary of pitfalls

An example of a simple HTML5 video: <video src= "movie.ogg" controls= "controls"></video> Your browser does not support the <video> tag. <video> Tag: Definition and Usage – The <video> tag is used to embed video content, such as movie clips...
👁 200
Commonly used tags in HTML forms

Commonly used tags in HTML forms Summary of pitfalls

Text input field <input type= "text" name= "uname" value= "" placeholder= "Please enter your username" > Password input field <input type= "password"...
👁 165
How to add floating online customer service to the right side of the website in HTML

How to add floating online customer service to the right side of the website in HTML Summary of pitfalls

Legend – Total Code <div class="kf" style="right: 20px;"> <div class="kt-top" style="background-color: #35c5a3"> Online Customer Support <span class="close"> <b>...
👁 127
Caching, pseudo-static

Caching, pseudo-static Summary of pitfalls

location ~ \.(gif|jpg|png|htm|html|css|flv|ico|swf)$ { expires 30d; }
👁 155
The htmlspecialchars() function filters user input!

The htmlspecialchars() function filters user input! Summary of pitfalls

&lt;?php header(&quot;content-type:text/html;charset=utf-8&quot;);//Set encoding to solve Chinese garbled characters $string = &quot;ggbiji &amp; 'ggbiji'&quot;; $string1 = htmlspecialcha…
👁 124
1 11 12 13 14