Q: Cách thêm ghi chú trong HTML

Trả lời: Sử dụng Cú pháp "" Ghi chú trong HTML thường được sử dụng để giải thích đánh dấu. Nó sẽ giúp bạn và những người khác chọn hoặc tìm phần cụ thể trong tài liệu một cách nhanh chóng và dễ dàng tại thời điểm chỉnh sửa mã nguồn. Các ghi chú sẽ được trình duyệt bỏ qua, chúng không được hiển thị. Một ghi chú HTML bắt đầu bằng  . Đây là một ví dụ: Ví dụ <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Comments in HTML</title> </head> <body>   <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>

Q: Cách viết chú thích trong CSS

Trả lời: Sử dụng Cú pháp "/* text */" Chú thích trong CSS thường được sử dụng để giải thích mục đích của khai báo quy tắc kiểu. Nó sẽ giúp bạn và những người khác hiểu những gì bạn đang cố gắng thực hiện với các quy tắc kiểu tại thời điểm chỉnh sửa trang định kiểu. Các chú thích không được hiển thị bởi các trình duyệt. Chú thích CSS bắt đầu bằng /* và kết thúc bằng */ . Đây là một ví dụ: Ví dụ /* This is a single line CSS comment */ /* This is an example of a CSS multi-line comment */ body { font-family: Arial, sans-serif; } p { color: #333; line-height: 1.5; }

Q: Vì sao trong thẻ href hay dùng javascript:void(0)? Và javascript:void(0) là gì?

Có hai thành phần trong javascript:void(0) : javascript: là một địa chỉ URI đặc biệt, khi trình duyệt nhận được địa chỉ URL bắt đầu bằng javascript: nó sẽ ước lượng biểu thức đặt sau đó và kết quả cuối sẽ được hiển thị trong nội dung của trang. Bạn thử mở trình duyệt và gõ javascript:"Hello" vào thanh địa chỉ và bấm Enter để xem kết quả. void là toán tử dùng để ước lượng một biểu thức và trả về giá trị là undefined . Ví dụ: khi sử dụng void(alert("Hello")) trong mã JavaScript bạn sẽ thấy trang hiển thị một popup cảnh báo. Tuy nhiên void("Hello") không hiển thị bất cứ thay đổi nào. Tương tự void(0) cũng sẽ không làm gì và trả về giá trị undefined . Do đó javascript:void(alert("Hello")) sẽ hiển thị một hộp thoại popup cảnh báo và javascript:void(0) hoặc javascript:void("Hello") sẽ khiến trình duyệt dừng ở lại trang hiện tại vì giá trị trả về không phải là một URL.

Question 1

Cách thêm ghi chú trong HTML

Accepted Answer

Trả lời: Sử dụng Cú pháp `""`

Ghi chú trong HTML thường được sử dụng để giải thích đánh dấu. Nó sẽ giúp bạn và những người khác chọn hoặc tìm phần cụ thể trong tài liệu một cách nhanh chóng và dễ dàng tại thời điểm chỉnh sửa mã nguồn. Các ghi chú sẽ được trình duyệt bỏ qua, chúng không được hiển thị.

Một ghi chú HTML bắt đầu bằng . Đây là một ví dụ:

Ví dụ




    
    Comments in HTML

  
    
    
    This is a heading
    This is a paragraph.

Question 2

Cách viết chú thích trong CSS

Accepted Answer

Trả lời: Sử dụng Cú pháp `"/* text */"`

Chú thích trong CSS thường được sử dụng để giải thích mục đích của khai báo quy tắc kiểu. Nó sẽ giúp bạn và những người khác hiểu những gì bạn đang cố gắng thực hiện với các quy tắc kiểu tại thời điểm chỉnh sửa trang định kiểu. Các chú thích không được hiển thị bởi các trình duyệt.

Chú thích CSS bắt đầu bằng /*và kết thúc bằng */. Đây là một ví dụ:

Ví dụ

/* This is a single line CSS comment */
/* This is an example of a
   CSS multi-line comment */
body {
    font-family: Arial, sans-serif;
}
p {
    color: #333;
    line-height: 1.5;
}

Question 3

Cách xóa đường chấm xung quanh các liên kết hoặc hình ảnh được liên kết bằng cách sử dụng CSS

Accepted Answer

Trả lời: Sử dụng thuộc tính CSS outline

Khi một siêu liên kết hoạt động hoặc được lấy tiêu điểm, một đường chấm chấm xuất hiện xung quanh liên kết để phân biệt nó với các liên kết khác, đây là hành vi mặc định của siêu liên kết. Về cơ bản là đường viền chấm (outline) không ảnh hưởng đến yếu tố xung quanh như đường viền (border) .

Nếu bạn muốn xóa đường viền này, bạn có thể áp dụng các kiểu này cho các liên kết của mình:

Ví dụ





Removing Dotted Outlines Using CSS



    
        Home | About Us | Contact

Tuy nhiên, nên áp dụng một số kiểu thay thế để chỉ ra rằng liên kết được chú ý. Nó sẽ làm cho trang web của bạn dễ tiếp cận hơn và thân thiện với người dùng.

Question 4

Cách căn chỉnh văn bản ở giữa theo chiều dọc trong phần tử DIV bằng CSS

Accepted Answer

Trả lời: Sử dụng thuộc tính CSS line-height

Nếu bạn cố gắng căn giữa văn bản theo chiều dọc bên trong một div bằng cách sử dụng quy tắc CSS, vertical-align: middle; bạn sẽ không thành công. Giả sử bạn có một phần tử div với chiều cao là 50px và bạn đã đặt một số liên kết bên trong div mà bạn muốn căn chỉnh theo chiều dọc ở giữa. Cách đơn giản nhất để làm điều đó là - chỉ cần áp dụng thuộc line-height tính có giá trị bằng chiều cao của div 50px.

Khái niệm đằng sau thủ thuật này là, nếu giá trị của thuộc line-heigh ttính lớn hơn giá trị của font-size phần tử cho một phần tử, thì sự khác biệt (được gọi là "leading") sẽ được cắt đôi và phân bổ đồng đều trên đầu và cuối của hộp nội dòng căn chỉnh các phần tử nội tuyến ở giữa theo chiều dọc với phần tử.

Hãy thử ví dụ sau để hiểu cách nó hoạt động thực sự:

Ví dụ





Vertically Center Text Using CSS



    
        Home | About Us | Contact

Question 5

Cách đặt chiều cao của DIV thành 100% bằng CSS

Accepted Answer

Trả lời: Đặt chiều cao 100% cho phần tử bao quanh nó

Nếu bạn cố gắng đặt chiều cao của vùng chứa DIV thành 100% cửa sổ trình duyệt bằng cách sử dụng quy tắc kiểu height: 100%; thì nó không hoạt động, vì phần trăm (%) là một đơn vị tương đối nên kết quả chiều cao của DIV phụ thuộc vào chiều cao của phần tử cha (phần tử bao quanh nó).

Ví dụ, nếu bạn xem xét ví dụ sau, .container div có hai phần tử cha: phần tử và phần tử . Và chúng ta đều biết rằng giá trị mặc định của thuộc tính height là auto, vì vậy nếu chúng ta cũng đặt chiều cao của các phần tử và thành 100%, thì chiều cao kết quả của div vùng chứa sẽ bằng 100% chiều cao của cửa sổ trình duyệt.

Ví dụ





Set DIV Height to 100% Using CSS



    The height of this DIV element is equal to the 100% height of its parent element's height.

Question 6

Cách căn chỉnh giữa theo chiều ngang của DIV bằng CSS

Accepted Answer

Trả lời: Sử dụng thuộc tính margin của CSS

Nếu bạn muốn căn giữa một phần tử

theo chiều ngang so với phần tử cha, bạn có thể sử dụng thuộc tính margin của CSS với giá trị auto cho bên trái và bên phải, tức là đặt quy tắc kiểu margin: 0 auto; cho phần tử div. Giá trị tự động tự động điều chỉnh lề trái và lề phải và căn giữa theo chiều ngang của hộp khối của phần tử div.

Tuy nhiên, giải pháp này sẽ chỉ hoạt động khi chiều rộng của phần tử cha lớn hơn phần tử chứa div mà bạn muốn căn chỉnh. Hãy xem một ví dụ:

Ví dụ





Horizontally Center a Div Using CSS



    
        This is a heading
        This is a paragraph.

Question 7

Cách thay đổi độ mờ của nền phần tử mà không ảnh hưởng đến phần tử con hoặc nội dung văn bản

Accepted Answer

Trả lời: Sử dụng màu CSS RGBA

Không có thuộc tính CSS nào như "background-opacity" mà bạn chỉ có thể sử dụng để thay đổi độ mờ hoặc độ trong suốt của nền phần tử mà không ảnh hưởng đến các phần tử con của nó. Mặt khác, nếu bạn cố gắng làm điều này bằng cách sử dụng thuộc tính CSS opacity, nó sẽ không chỉ thay đổi độ mờ của nền mà còn thay đổi độ mờ của tất cả các phần tử con.

Trong những trường hợp như vậy, bạn có thể sử dụng màu RGBA được giới thiệu trong CSS3 bao gồm độ trong suốt alpha như một phần của giá trị màu. Sử dụng màu RGBA, bạn có thể đặt màu của nền cũng như độ trong suốt của nó, như được minh họa trong ví dụ sau:

Ví dụ





CSS Opacity Using RGBA Colors



    Setting background transparency without affecting the text content.

Ngoài ra, bạn có thể sử dụng hình ảnh PNG trong suốt để đạt được hiệu ứng này.

Question 8

Cách xác định hoặc tạo stylesheet chỉ cho Internet Explorer

Accepted Answer

Trả lời: Sử dụng bảng định kiểu (stylesheet) có điều kiện của IE

Nếu bạn là một nhà thiết kế web, bạn có thể có kinh nghiệm tồi tệ khi xử lý các lỗi IE. Hầu hết trường hợp bạn không thể thoát khỏi nó, có thể là do yêu cầu của dự án hoặc khách hàng của bạn vẫn đang sử dụng phiên bản cũ hơn của Internet Explorer (IE). Vì vậy, chúng ta hãy tìm cách sống chung với nó.

Mỗi phiên bản IE hoạt động hơi khác so với những phiên bản khác. Vì vậy, những gì chúng tôi làm ở đây là xác định các biểu định kiểu (stylesheet) riêng biệt cho các phiên bản trình duyệt IE khác nhau để xác định vấn đề chính xác trong một phiên bản cụ thể.

Giả sử thuộc tính CSS bạn đã xác định cho một số phần tử không hoạt động như mong đợi trong IE, nhưng nó hoạt động hoàn hảo trong các trình duyệt khác như Firefox hoặc Chrome. Vì vậy, về cơ bản những gì chúng ta làm là xác định một biểu định kiểu (stylesheet) chỉ nhắm mục tiêu trình duyệt IE và sau đó chúng ta điều chỉnh giá trị của thuộc tính đó hoặc thêm một số thuộc tính mới vào biểu định kiểu (stylesheet) này để khắc phục sự cố này. Đây là một ví dụ:

Ví dụ





IE Only Style Sheet




    Define Style Sheet for IE
    If you open this page in IE the output will be different.

Các thẻ mở và thẻ đóng của các biểu định kiểu (stylesheet) có điều kiện chỉ là các chú thích HTML thông thường . Ở giữa các câu lệnh điều kiện được đặt có ý nghĩa như sau.

Ý nghĩa của "IF" và "IE" là khá rõ ràng.
! là viết tắt của "not", vì vậy IE có nghĩa là "không phải IE".
gt là viết tắt của "lớn hơn".
gte là viết tắt của "lớn hơn hoặc bằng".
lt nghĩa là "nhỏ hơn".
lte có nghĩa là "nhỏ hơn hoặc bằng".

StyleSheets dành riêng chi IE

Các câu lệnh điều kiện có lẽ là cách phổ biến nhất để tạo các style sheet chỉ dành cho IE để sửa lỗi IE, đặc biệt là trong các phiên bản cũ hơn. Phần sau đây tóm tắt cú pháp để nhắm mục tiêu các phiên bản khác nhau của trình duyệt Internet Explorer.

Nhắm mục tiêu tất cả các phiên bản của IE

Ví dụ

Nhắm mục tiêu Tất cả Trình duyệt Ngoại trừ IE

Ví dụ

Chỉ nhắm mục tiêu Phiên bản IE9

Ví dụ

Nhắm mục tiêu IE9 và các phiên bản cao hơn

Ví dụ

Tương tự, bạn có thể xác định biểu định kiểu cho các phiên bản khác của Internet Explorer.

Question 9

Cách hiển thị và ẩn menu thả xuống khi di chuột bằng CSS

Accepted Answer

Trả lời: Sử dụng CSS :hover

Nếu bạn chỉ muốn hiển thị và ẩn menu thả xuống khi di chuột, bạn không cần bất kỳ JavaScript nào. Bạn có thể thực hiện việc này đơn giản bằng cách sử dụng thuộc tính CSS display và :hover .

Ví dụ sau đây sẽ chỉ cho bạn cách triển khai menu thả xuống đơn giản bằng CSS.

Ví dụ





Show Hide Dropdown Using CSS



    
        Home
        About
        
            Products ▾
            
                Laptops
                Monitors
                Printers
            
        
        Contact

Question 10

Cách xóa khoảng trắng thừa bên dưới hình ảnh bằng CSS

Accepted Answer

Trả lời: Sử dụng thuộc tính CSS display

Nếu bạn cố gắng đặt một hình ảnh bên trong một phần tử

có đường viền, bạn sẽ thấy thêm một khoảng trắng (khoảng 3px) ở cuối hình ảnh. Điều này xảy ra bởi vì hình ảnh là một phần tử cấp nội tuyến nên trình duyệt sẽ thêm một số khoảng trắng dưới đường cơ sở để điều chỉnh các phần tử nội tuyến khác.

Cách dễ nhất để loại bỏ vấn đề này là thay đổi giá trị mặc định display của hình ảnh từ nội dòng thành khối, tức là áp dụng kiểu display: block;trên hình ảnh, như được hiển thị bên dưới:

Ví dụ





Remove White Space Below Images

Question 11

Độ dài tối đa của tiêu đề và thẻ mô tả trong HTML cho SEO là bao nhiêu

Accepted Answer

Nội dung câu trả lời

Độ dài thẻ tiêu đề HTML
Độ dài thẻ mô tả (meta description) HTML
Tầm quan trọng của thẻ tiêu đề trong SEO
Tầm quan trọng của Thẻ mô tả (meta description) trong SEO

Độ dài thẻ tiêu đề HTML

Không có quy tắc cứng và nhanh nào liên quan đến độ dài của thẻ tiêu đề và thẻ mô tả (meta description). Tuy nhiên, độ dài đề xuất của tiêu đề nằm trong khoảng từ 65 đến 70 ký tự bao gồm cả khoảng trắng, vì nhiều hơn độ dài này có thể bị cắt bớt trong kết quả tìm kiếm. Vì vậy, hãy cố gắng giữ độ dài tiêu đề là 65 ký tự bao gồm cả khoảng trắng để hiển thị tốt nhất có thể. Tổng cộng bạn có thể tăng tối đa 70 ký tự, nhưng cố gắng không vượt quá con số này. Bạn có thể sử dụng Công cụ tạo thẻ Meta Title & Meta Description tốt cho SEO để tạo thẻ tiêu đề của mình.

Mẹo: Google gần đây đã tăng độ dài của tiêu đề trong các trang kết quả của công cụ tìm kiếm (SERP) từ 50-60 ký tự lên khoảng 70 ký tự, với điều kiện độ dài của nội dung thẻ tiêu đề không được vượt quá 600 pixel.

Độ dài thẻ mô tả (meta description) HTML

Độ dài đề xuất của mô tả (meta description) nằm trong khoảng từ 150 đến 160 ký tự bao gồm cả khoảng trắng. Bạn thậm chí có thể sử dụng ít ký tự hơn và nó hoạt động tốt nếu mô tả của bạn trông hấp dẫn và đọc tốt hơn nhưng đừng cố tạo mô tả dài dòng không có nhiều ý nghĩa hoặc mô tả có hơn 160 ký tự. Bạn có thể sử dụng Công cụ tạo thẻ Meta Title & Meta Description tốt cho SEO để tạo thẻ mô tả meta.

Ghi chú: Việc tạo tiêu đề và mô tả trang (hoặc "đoạn trích") của Google cho kết quả tìm kiếm là hoàn toàn tự động và có tính đến cả nội dung của trang cũng như các tham chiếu đến trang đó xuất hiện trên web.

Tầm quan trọng của thẻ tiêu đề trong SEO

Tiêu đề cung cấp cho người dùng cái nhìn sâu sắc về nội dung có sẵn trên một trang web. Đây thường là phần thông tin chính được sử dụng để quyết định nhấp vào kết quả nào trong các Trang kết quả của Công cụ Tìm kiếm (SERP).

Đó là lý do tại sao thẻ </code>được coi là yếu tố quan trọng nhất đối với Tối ưu hóa Công cụ Tìm kiếm (SEO), vì vậy hãy đảm bảo mỗi trang trên trang web của bạn có một tiêu đề mô tả và duy nhất.</p> <p>Dưới đây là một số mẹo để tạo tiêu đề của các trang web:</p> <ul> <li>Giữ cho tiêu đề của bạn ngắn gọn và mang tính mô tả có liên quan đến nội dung các trang của bạn.</li> <li>Tránh nhồi nhét từ khóa tức là lặp lại các từ hoặc cụm từ giống nhau nhiều lần.</li> <li>Tránh các tiêu đề lặp lại. Tạo tiêu đề duy nhất cho mỗi trang trong trang web của bạn.</li> </ul> <div class="color-box"> <div class="shadow"> <div class="info-tab tip-icon" title="Lời khuyên hữu ích"><i> </i></div> <div class="tip-box"> <p><strong>Mẹo: </strong>Bắt đầu mọi từ chính trong tiêu đề bằng một chữ cái viết hoa; nó sẽ làm cho tiêu đề của bạn đáng chú ý hơn và có thể cải thiện cơ hội được nhấp trong kết quả tìm kiếm.</p> </div> </div> </div> <h2 id="mcetoc_1f5qsj6fc7"><br />Tầm quan trọng của Thẻ mô tả (meta description) trong SEO</h2> <p>Các thẻ <code><meta></code>mô tả được sử dụng để cung cấp một bản tóm tắt ngắn gọn và mô tả nội dung trang web. Công cụ tìm kiếm thường sử dụng mô tả meta của một trang trong các đoạn kết quả tìm kiếm xuất hiện bên dưới tiêu đề trang. Mô tả meta phù hợp có thể giúp cải thiện tỷ lệ nhấp vào trang web của bạn.</p> <p>Dưới đây là một số mẹo để tạo mô tả meta cho các trang web:</p> <ul> <li>Đảm bảo rằng mọi trang trên trang web của bạn đều có mô tả meta.</li> <li>Tạo mô tả ngắn gọn và chất lượng cao mô tả chính xác trang của bạn.</li> <li>Đảm bảo mỗi trang trên trang web của bạn có một mô tả meta khác nhau.</li> </ul> <div class="color-box"> <div class="shadow"> <div class="info-tab note-icon" title="Ghi chú quan trọng"><i> </i></div> <div class="note-box"> <p><strong>Ghi chú:</strong> Mặc dù thẻ mô tả meta không có giá trị SEO, nhưng vẫn sử dụng các từ khóa có liên quan trong mô tả meta của bạn có thể giúp tăng cơ hội được nhấp khi trang của bạn xuất hiện trong kết quả tìm kiếm.</p> </div> </div> </div>

Question 12

Hướng dẫn cách làm nổi bật nền của hàng trong bảng luân phiên bằng CSS

Accepted Answer

Trả lời: Sử dụng CSS ":nth-child" selector

Bạn có thể sử dụng bộ chọn CSS3 :nth-child để đánh dấu nền của hàng bảng thay thế để tạo bảng sọc vằn. Các pseudo-class :nth-child(N) chấp nhận một đối số N, đó có thể là một từ khóa, một số, hoặc một biểu thức số có dạng xn+y ở đó x và y là các số nguyên (ví dụ 1n, 2n, 3n, 2n+1, 3n-2, ...). Hãy thử ví dụ sau để xem nó hoạt động như thế nào:

Ví dụ





Coloring Alternate Table Row Using CSS



    
        
            Row
            First Name
            Last Name
            Email
        
        
            1
            John
            Carter
            johncarter@mail.com
        
        
            2
            Peter
            Parker
            peterparker@mail.com
        
        
            3
            John
            Rambo
            johnrambo@mail.com
        
        
            4
            Harry
            Potter
            harrypotter@mail.com

Question 13

Làm sao để thay đổi kích thước hình ảnh bằng CSS?

Accepted Answer

Thuộc tính hình ảnh thay đổi kích thước được sử dụng trong web đáp ứng trong đó hình ảnh được thay đổi kích thước tự động để phù hợp với thùng chứa div. Thuộc tính độ rộng tối đa trong CSS được sử dụng để tạo thay đổi kích thước thuộc tính hình ảnh. Thuộc tính thay đổi kích thước sẽ không hoạt động nếu chiều rộng và chiều cao của hình ảnh được xác định trong HTML.

Ví dụ

img {
       max-width: 100%;
       height: auto;
}

Chiều rộng cũng có thể được sử dụng thay vì chiều rộng tối đa nếu muốn. Điều quan trọng là sử dụng height: auto để ghi đè bất kỳ chiều cao = thuộc tính nào có thể có trên ảnh.
Các thuộc tính CSS chiều rộng tối đa và chiều cao tối đa hoạt động rất tốt, nhưng không hỗ trợ nhiều trình duyệt.

Ví dụ


 
     
        cell padding

Một cách sử dụng phổ biến là đặt chiều rộng tối đa: 100%; chiều cao: tự động; vì vậy hình ảnh lớn không vượt quá chiều rộng container của chúng. Một cách khác là sử dụng thuộc tính phù hợp với đối tượng, điều này sẽ phù hợp với hình ảnh, mà không thay đổi tỷ lệ.

Ví dụ


 
     
        cell padding

Question 14

Tạo danh sách tùy chỉnh ul li với hình ảnh?

Accepted Answer

CSS: UL TÙY CHỈNH BULLET BẰNG HÌNH ẢNH

Khi chúng ta viết mã CSS cho trang web hoặc ứng dụng web, thông thường chúng ta cần cung cấp giao diện tùy chỉnh của đạn trong danh sách UL. Các quy tắc CSS tiêu chuẩn cho chúng ta không có nhiều khả năng để làm điều đó. Chúng ta có các quy tắc CSS như:

list-style – xác định tất cả các thuộc tính cho danh sách UL (từng được liệt kê bên dưới)
list-style-location – xác định vị trí của dấu đầu dòng (điểm đánh dấu) – bên trong hoặc bên ngoài danh sách
list-style-type – xác định nếu chúng ta muốn sử dụng hình tròn, hình vuông vv
list-style-image – đó là những gì chúng tôi quan tâm bây giờ

Vì vậy, chỉ có quy tắc CSS liệt kê danh sách phong cách CSS cho chúng ta khả năng xác định kiểu tùy chỉnh của biểu tượng trong danh sách ul. Ưu điểm của phương pháp này là sự dễ dàng, nhưng nhược điểm là thao tác cứng của hình ảnh đó.

Thứ hai, và theo tôi thì tốt hơn, phương pháp là sử dụng phần tử giả CSS CSS :: before. Tôi sẽ chỉ cho bạn cách sử dụng cả hai phương pháp.

Trước hết, chúng ta phải bắt đầu từ việc tạo hình ảnh. Tôi khuyên bạn nên tạo kích thước tối thiểu 64 x 64 px để chắc chắn rằng nó sẽ được thay thế đúng trên tất cả các độ phân giải màn hình và thiết bị. Tôi đã tạo biểu tượng ul tùy chỉnh của mình trong Inkscape và bạn có thể thấy nó bên dưới:

Phương pháp 1: Quy tắc hình ảnh kiểu danh sách CSS

Hãy tạo một số danh sách UL trong HTML:

Ví dụ


Dog
Cat
Monkey
Lion
Dragonfly

Và thêm mã CSS rất đơn giản này

Ví dụ

.custom-list {
    list-style-image: url(‘img/bullet.png’);
}

Các kết quả:

Chúng ta có thể thấy rằng một cái gì đó đã đi thực sự sai! Để chắc chắn chúng tôi có đạn tùy chỉnh, nhưng chúng tôi mong đợi một cái gì đó tốt hơn nhiều, phải không?

Không có khả năng thay đổi kích thước trong hình ảnh danh sách ul tùy chỉnh CSS, để sử dụng hình ảnh lớn hơn và chất lượng tốt hơn nhưng hiển thị tỷ lệ. Vì vậy, bây giờ chúng ta nên thay đổi kích thước hình ảnh và làm cho nó nhỏ, ví dụ 10 x 10 px. Nhưng kết quả là chúng ta có thể gặp rắc rối trên màn hình HD lớn, vd. Siêu HD.

Kết quả với hình ảnh đã thay đổi kích thước thành 10 x 10 px:

Vâng, bây giờ kích thước là chính xác, nhưng chúng ta có thể thấy rằng chất lượng là kém. Theo tôi, hãy kiểm tra xem phương pháp tốt nhất để làm điều đó

Phương pháp 2: CSS3 Phiên bản phần tử giả `::before` giả cho phong cách tùy chỉnh biểu tượng UL

Như trong phương pháp trước, chúng ta có cùng một danh sách:

Ví dụ


Dog
Cat
Monkey
Lion
Dragonfly

Nhưng chúng tôi viết mã CSS tinh vi hơn, thực hiện toàn bộ phép thuật. Hãy nhớ sử dụng ở đây hình ảnh 64 x 64 px lớn của chúng tôi.

Ví dụ

.custom-list {
    list-style: none;
    padding-left: 0;
}
.custom-list li {
    position: relative;
    padding-left: 20px;
}
.custom-list li:before {
    content: ”;
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url(‘img/bullet.png’);
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

Các kết quả:

CSS3 tùy chỉnh danh sách đạn với paraelement

Và như chúng ta có thể thấy trên hình ảnh trên – chúng ta có những biểu tượng tùy chỉnh với chất lượng tốt. Và chúng ta có thể thực hiện bất kỳ thao tác nào theo ý muốn, bởi vì biểu tượng là các yếu tố hoàn toàn độc lập mà chúng ta có thể tạo kiểu theo cách chúng ta muốn.

Điều quan trọng trong mã CSS là gì:

Xóa phần đệm bên trái cho danh sách UL.
Thêm phần đệm bên trái trong phần tử LI. Chúng tôi phải cung cấp không gian trong mỗi yếu tố của danh sách.
Thêm vào vị trí phần tử LI: tương đối, cần thiết để đặt đúng vị trí của :: trước dấu đầu dòng phần tử giả.
Tạo phần tử li :: trước phần tử giả:
Thêm thuộc tính nội dung khác – chỉ với thuộc tính này, nó sẽ xuất hiện.
Thêm một số kích thước, trong ví dụ của tôi 10 × 10 px.
Đặt vị trí thành tuyệt đối – chúng ta phải căn giữa đúng vị trí trong phần tử LI.
Đặt hình nền với các chi tiết cần thiết như vị trí hoặc kích thước.
Đặt vị trí phần tử giả theo quy tắc trái / đỉnh và biến đổi.
KẾT THÚC

Question 15

Đếm số dòng trong 1 chuỗi bằng Javascript

Accepted Answer

Trả lời: Sử dụng regex tìm số ngắt dòng trong chuỗi bằng Javascript

Code sau sẽ trả về số lượng ngắt dòng trong một chuỗi.

Ví dụ

function lineBreakCount(str){
	/* counts 
 */
	try {
		return((str.match(/[^
]*
[^
]*/gi).length));
	} catch(e) {
		return 0;
	}
}

Mẹo: Nếu bạn muốn tính tổng số dòng trong chuỗi thì lấy số lượng ngắt dòng +1 nhé. Vì dòng cuối cùng sẽ không được tính trong số ngắt dòng.

Question 16

Vì sao trong thẻ href hay dùng javascript:void(0)? Và javascript:void(0) là gì?

Accepted Answer

Có hai thành phần trong javascript:void(0):

javascript: là một địa chỉ URI đặc biệt, khi trình duyệt nhận được địa chỉ URL bắt đầu bằng javascript: nó sẽ ước lượng biểu thức đặt sau đó và kết quả cuối sẽ được hiển thị trong nội dung của trang. Bạn thử mở trình duyệt và gõ javascript:"Hello" vào thanh địa chỉ và bấm Enter để xem kết quả.
void là toán tử dùng để ước lượng một biểu thức và trả về giá trị là undefined. Ví dụ: khi sử dụng void(alert("Hello")) trong mã JavaScript bạn sẽ thấy trang hiển thị một popup cảnh báo. Tuy nhiên void("Hello") không hiển thị bất cứ thay đổi nào. Tương tự void(0) cũng sẽ không làm gì và trả về giá trị undefined.

Do đó javascript:void(alert("Hello")) sẽ hiển thị một hộp thoại popup cảnh báo và javascript:void(0) hoặc javascript:void("Hello") sẽ khiến trình duyệt dừng ở lại trang hiện tại vì giá trị trả về không phải là một URL.

Question 17

Sự khác nhau giữa window.location= và window.location.replace()?

Accepted Answer

window.location thêm một mục vào lịch sử của bạn mà bạn có thể nhấp vào “Quay lại” và quay lại trang hiện tại.

window.location.replace thay thế mục lịch sử hiện tại để bạn không thể quay lại mục đó.

Xem window.location:

assign(url): Tải tài liệu tại URL được cung cấp.

replace(url): Thay thế tài liệu hiện tại bằng tài liệu tại URL được cung cấp. Sự khác biệt so với assign()phương pháp là sau khi sử dụng replace()trang hiện tại sẽ không được lưu trong lịch sử phiên sử dụng, có nghĩa là người dùng sẽ không thể sử dụng nút Quay lại để điều hướng đến trang đó.

Cách dùng chung là:

Ví dụ

window.location.href = url;

Nhưng mọi người thường sử dụng như sau:

Ví dụ

window.location = url;

Xem thêm Sự khác biệt giữa location.replace, location.assign và location.href là gì?

Question 18

Lấy dữ liệu CkEditor để đăng bằng ajax form

Accepted Answer

Trả lời: Buộc CKeditor cập nhật giá trị textarea

Buộc CKeditor cập nhật giá trị textarea bằng cách sử dụng:

Ví dụ

for (instance in CKEDITOR.instances) {
    CKEDITOR.instances[instance].updateElement();
}

Ngoài ra, bạn có thể sử dụng .serialize cho dữ liệu – sau đó bạn sẽ không phải duy trì mã AJAX nếu tham số thay đổi:

Ví dụ


function saveArt() 
{
    for (instance in CKEDITOR.instances) {
        CKEDITOR.instances[instance].updateElement();
    }

    jQuery.ajax({
        type: 'POST',
        url: 'save.php',
        data: $("#art").serialize()
     });  
     return false; 

 }

Question 19

TinyMCE textarea và biểu mẫu (Form) đăng bằng ajax

Accepted Answer

Trả lời: `Dùng tinymce.get('id_cua_textarea_dung_tinymce').getContent()` để lấy dữ liệu

Code ví dụ như sau:

Ví dụ

$('#' + 'id_cua_textarea_dung_tinymce').html( tinymce.get('id_cua_textarea_dung_tinymce').getContent());
var form = $('form#formdata')[0]; 
var formData = new FormData(form);
$.ajax({
//Code post ở đây
});

Question 20

Có cách nào để bọc table trong div trong TinyMCE không?

Accepted Answer

Trả lời: Dùng `jQuery("table").wrap( " " )`

Khi tạo bảng (table) trong TinyMCE sẽ thường có dạng:

Ví dụ


	
		
			A
			B
		
	
	
		
			A content
			B content

Nếu bạn dùng bootstrap table thì sẽ thường bao bọc table trong cặp

Giờ muốn làm điều đó thì bạn có thể dùng JQuery để thay đổi hiển thị của bảng bằng code sau:

Ví dụ

$(document).ready(function(){
    $("table").wrap( "" );
});

Kết quả hiển thị sẽ là:

Ví dụ


	
		
			
				A
				B
			
		
		
			
				A content
				B content

Question 21

Cách lấy giá trị của tùy chọn đã chọn trong hộp chọn (Select) bằng jQuery

Accepted Answer

Trả lời: Sử dụng jQuery Selector `:selected`

Bạn có thể sử dụng bộ chọn jQuery :selected kết hợp với phương thức val() này để tìm giá trị tùy chọn đã chọn trong hộp chọn hoặc danh sách thả xuống.

Hãy thử ví dụ sau để hiểu về cơ bản nó hoạt động như thế nào:

Ví dụ





jQuery Get Selected Option Value


 

    
        Select Country:

Nếu giá trị cho một tùy chọn không được xác định cụ thể, nội dung văn bản của phần tử sẽ được sử dụng làm giá trị thay thế, như được minh họa trong ví dụ sau:

Ví dụ





jQuery Get Selected Option Text


 

    
        Select Country:

Ngoài ra, bạn có thể sử dụng phương thức jQuery text() để lấy nội dung văn bản của một phần tử

Nhận các tùy chọn đã chọn từ nhiều hộp chọn

Tương tự, bạn có thể lấy các giá trị đã chọn từ nhiều hộp chọn bằng một mẹo nhỏ.

Một hộp nhiều lựa chọn cho phép người dùng chọn nhiều tùy chọn. Nhấn giữ phím điều khiển trên Windows hoặc phím lệnh trên Mac để chọn nhiều tùy chọn. Bạn có thể bật nhiều phần trong một hộp chọn bằng cách thêm thuộc tính multiplevào thẻ

Question 22

Cách làm tròn số trong PHP

Accepted Answer

Trả lời: Dùng hàm làm tròn số ROUND, FLOOR, CEIL trong PHP

Trong PHP có 3 hàm cơ bản thường được dùng để làm tròn số là ROUND(), FLOOR(), CEIL() .

1. Hàm ROUND(): Dùng để làm tròn với theo tùy chọn số chữ số sau dấu thập phân

Ví dụ

echo round(3.4);         // 3
echo round(3.5);         // 4
echo round(3.6);         // 4
echo round(3.6, 0);      // 4
echo round(1.95583, 2);  // 1.96
echo round(1241757, -3); // 1242000
echo round(5.045, 2);    // 5.05
echo round(5.055, 2);    // 5.06
 
echo round(9.5, 0, PHP_ROUND_HALF_UP);   // 10
echo round(9.5, 0, PHP_ROUND_HALF_DOWN); // 9
echo round(9.5, 0, PHP_ROUND_HALF_EVEN); // 10
echo round(9.5, 0, PHP_ROUND_HALF_ODD);  // 9
 
echo round(8.5, 0, PHP_ROUND_HALF_UP);   // 9
echo round(8.5, 0, PHP_ROUND_HALF_DOWN); // 8
echo round(8.5, 0, PHP_ROUND_HALF_EVEN); // 8
echo round(8.5, 0, PHP_ROUND_HALF_ODD);  // 9    
 
/* Using PHP_ROUND_HALF_UP with 1 decimal digit precision */
echo round( 1.55, 1, PHP_ROUND_HALF_UP);   //  1.6
echo round( 1.54, 1, PHP_ROUND_HALF_UP);   //  1.5
echo round(-1.55, 1, PHP_ROUND_HALF_UP);   // -1.6
echo round(-1.54, 1, PHP_ROUND_HALF_UP);   // -1.5
 
/* Using PHP_ROUND_HALF_DOWN with 1 decimal digit precision */
echo round( 1.55, 1, PHP_ROUND_HALF_DOWN); //  1.5
echo round( 1.54, 1, PHP_ROUND_HALF_DOWN); //  1.5
echo round(-1.55, 1, PHP_ROUND_HALF_DOWN); // -1.5
echo round(-1.54, 1, PHP_ROUND_HALF_DOWN); // -1.5
 
/* Using PHP_ROUND_HALF_EVEN with 1 decimal digit precision */
echo round( 1.55, 1, PHP_ROUND_HALF_EVEN); //  1.6
echo round( 1.54, 1, PHP_ROUND_HALF_EVEN); //  1.5
echo round(-1.55, 1, PHP_ROUND_HALF_EVEN); // -1.6
echo round(-1.54, 1, PHP_ROUND_HALF_EVEN); // -1.5
 
/* Using PHP_ROUND_HALF_ODD with 1 decimal digit precision */
echo round( 1.55, 1, PHP_ROUND_HALF_ODD);  //  1.5
echo round( 1.54, 1, PHP_ROUND_HALF_ODD);  //  1.5
echo round(-1.55, 1, PHP_ROUND_HALF_ODD);  // -1.5
echo round(-1.54, 1, PHP_ROUND_HALF_ODD);  // -1.5

2. Hàm FLOOR(): Dùng để làm tròn nhưng số sẽ chuyển về dạng integer (số nguyên)

Ví dụ

echo floor(4.3);   // 4
echo floor(9.999); // 9
echo floor(-3.14); // -4

3. Hàm CEIL(): Chỉ dùng để làm tròn lên

Ví dụ

echo ceil(4.3);    // 5
echo ceil(9.999);  // 10
echo ceil(-3.14);  // -3

Question 23

Làm thế nào để bạn tính toán tỷ lệ phần trăm trong PHP?

Accepted Answer

Trả lời: có thể tính thủ công hoặc sử dụng hàm ROUND, FLOOR, CEIL trong PHP

Dưới đây là ví dụ tính phần trăm theo toán tử thông thường:

Ví dụ

$tong = 1000000;
$phantram = 20; // 20%
$phantramcuatong= ($tong*$phantram)/100;
echo $phantramcuatong;

Số này là làm tròn dưới nhé, nếu bạn muốn lấy chi tiết thì có thể tham khảo cách làm tròn số trong PHP

Question 24

Tính toán chênh lệch giờ trong PHP?

Accepted Answer

Trả lời: strtotime() để chuyển đổi chuỗi ngày thành dấu thời gian để tính toán sự khác biệt

Mình chắc nhiều bạn cũng mắc ở đoạn tính toán sự chênh lệch theo giờ giữa hai thời gian cho trước. VD như đi từ chỗ này đến chỗ kia mất bao lâu? Vậy làm thế nào để tính toán trong php? Bài viết này sẽ chỉ cho bạn cách tính đơn giản.

Trong PHP, có nhiều cách để tính toán sự khác biệt giữa hai ngày. Trong hướng dẫn này, mình đang sử dụng các hàm ngày, thời gian của PHP để tính chênh lệch giờ giữa hai ngày.

Trong ví dụ này, chúng ta sẽ có ngày bắt đầu và ngày kết thúc từ người dùng. Và sau đó, chúng ta sử dụng strtotime() để chuyển đổi chuỗi ngày thành dấu thời gian để tính toán sự khác biệt.

Code HTML
Mã này để lấy dữ liệu đầu vào: ngày bắt đầu và ngày kết thúc từ người dùng.

Ví dụ

 
 
Start Date
 
" class="demoInputBox"> 
 
 
End Date 
 
" class="demoInputBox">

Hàm PHP để tính chênh lệch giờ
Chúng ta gọi hàm PHP này khi người dùng gửi phạm vi ngày để tính chênh lệch giờ.

Ví dụ

Tùy thuộc vào nhu cầu của bạn, bạn có thể sửa đổi lại hàm này theo ý mình, để lấy được kết quả mong muốn

Question 25

Cách xử lý lỗi tiếng Việt khi dùng hàm ucwords() trong PHP?

Accepted Answer

Trả lời: sử dụng hàm mb_convert_case() thay thế

Cũng giống như hàm strtolower và hàm strtoupper, hàm ucwords gặp vấn đề khi sử dụng cho tiếng Việt. Để khắc phục điều này chúng ta sử dụng hàm mb_convert_case() như sau:

Ví dụ

Question 26

Lấy kích thước file ảnh bằng PHP?

Accepted Answer

Trả lời: dùng hàm getimagesize(), hoặc phải dùng curl

Để lấy kích thước file ảnh có 2 trường hợp:

File lưu trữ trên host
File remote (Lấy từ website khác)

File lưu trữ trên host

Để lấy kích thước file loại này bạn dùng hàm getimagesize(), như sau:

Ví dụ

";
echo "Chiều cao : " . $height . "
";
echo "Loại ảnh :" . $type ;
?>

File remote (thông tin file ảnh từ URL)

Dưới đây là code lấy thông tin file ảnh từ đường liên kết hình ảnh

Ví dụ

Question 27

Làm sao để xóa ảnh hoặc tệp tin bằng php?

Accepted Answer

Trả lời: Để xóa tệp tin trên máy chủ của bạn thì bạn có thể sử dụng Hàm unlink().

- Cú pháp: unlink(đường dẫn đến tập tin mà bạn muốn xóa)

- Ví dụ: Chúng ta có một cây thư mục như sau:

index.php
pictures
- flower.jpg

=> Dưới đây sẽ là câu lệnh trong tập tin index.php dùng để xóa tập tin flower.jpg

Ví dụ

- Lưu ý: Sau khi hàm unlink() được thực thi, nó sẽ trả về giá trị:

TRUE: nếu xóa tập tin thành công.
FALSE: nếu xóa tập tin không thành công

(lý do không thành công có thể là do tập tin mà bạn muốn xóa không tồn tại)

Ví dụ - Đoạn mã bên dưới, nếu xóa tập tin flower.png thành công thì màn hình sẽ hiển thị thông báo "XÓA THÀNH CÔNG" và ngược lại sẽ hiển thị thông báo "XÓA THẤT BẠI"

Ví dụ

Question 28

Lấy ngẫu nhiêu (random) 1 giá trị trong mảng bằng PHP

Accepted Answer

Trả lời: sử dụng array_rand()

Ví dụ cho mảng sau:

Ví dụ

Bây giờ để có được một giá trị ngẫu nhiên của mảng. Một cách đơn giản là sử dụng hàm array_rand(). array_rand() là một tham số và trả về giá trị chỉ mục ngẫu nhiên dưới dạng số nguyên mà sau đó có thể được sử dụng để lấy giá trị mảng.

Ví dụ

Bạn có thể sử dụng hàm array_rand() để có nhiều hơn một chỉ mục ngẫu nhiên. Chỉ cần truyền một giá trị số nguyên làm tham số thứ hai cho hàm. Bây giờ nó sẽ trả về một loạt các chỉ mục.

Ví dụ

Hãy chắc chắn số lượng chọn nhỏ hơn số phần tử mảng làm tham số thứ hai hoặc nếu không PHP sẽ cung cấp cho bạn lỗi E_WARNING

Question 29

Sự khác nhau giữa hàm isset() và hàm empty() trong PHP như thế nào?

Accepted Answer

Vấn đề thắc mắc về sự khác nhau giữa hàm isset() và hàm empty() trong PHP như thế nào?, khi nào thì sử dụng hàm isset() và khi nào thì sử dụng hàm empty()? thì không chỉ bạn mắc phải mà nhiều người cũng vẫn còn lúng túng trong khi sử dụng chúng.

Hàm isset trong PHP

Hàm isset() được dùng để kiểm tra một biến nào đó đã được khởi tạo trong bộ nhớ của máy tính hay chưa, nếu nó đã khởi tạo (tồn tại) thì sẽ trả về TRUE và ngược lại sẽ trả về FALSE.
Ví dụ: Kiểm tra biến $domain có tồn tại hay không

Ví dụ

if (isset($domain)){
    echo 'Biến domain đã tồn tại';
}
else{
    echo 'Biến domain chưa tồn tại';
}

Vậy khi nào thì sử dụng hàm isset()?

Như bạn biết nếu trong quá trình biên dịch nếu trong code có sử dụng một biến không tồn tại thì trình biên dịch sẽ ngưng xử lý và thông báo lỗi ngay, chính vì vậy thông thường những trường hợp mà ta không chắc chắn là biến đó luôn tồn tại thì trước khi sử dụng hãy kiểm tra nó.
Ví dụ: Lấy thông tin đăng ký từ form
Đây là ví dụ thông dụng nhất mà có lẽ nhiều ban newbie vẫn mắc phải. Thông thường khi lấy thông tin từ FORM thì bạn nên kiểm tra nó có tồn tại không rồi hãy lấy, nếu không người dùng sẽ sử dụng firebug đổi một số name của các thẻ input thì chương trình sẽ lỗi ngay.

Ví dụ

if (isset($_POST['submit']))
{
    $fullname = isset($_POST['fullname']) ? $_POST['fullname'] : '';
    $address = isset($_POST['address']) ? $_POST['address'] : '';
    $email = isset($_POST['email']) ? $_POST['email'] : '';
    $phone = isset($_POST['phone']) ? $_POST['phone'] : '';
}

Ví dụ: Lấy trang hiện tại trên URL dùng để phân trang
Trong thuật toán phân trang chúng ta lấy page trên URL để xác định record hiển thị cho trang đó. Chính vì page nằm trên URL nên rất nguy hiểm nếu như chúng ta lấy mà không kiểm tra nó tồn tại hay không vì nếu người dùng chỉ cần bỏ cái page=x đó đi thì chương trình sẽ bị lỗi ngay.

Ví dụ

$current_page = isset($_GET['page']) ? $_GET['page'] : '1';

Ví dụ: Thực hiện nối chuỗi trong khi biến $domain chưa chắc chắn là tồn tại

Ví dụ

// Mệnh đề if này không được thực hiện
// => biến $sologan ko tồn tại
$website = 'freetuts.net';
if ($website != 'freetuts.net'){
    $sologan = 'Đây không phải là website freetuts.net';
}
 
// Nên đoạn code này sai
$sologan .= ' vui lòng ghi rõ nguồn khi public nội dung này ở website khác';

Rõ ràng đoạn code này chạy sẽ bị lỗi ngay bởi vì biến $sologan sẽ không tồn tại vì câu lệnh bên trong mệnh đề if không được chạy.

Trên là những ví dụ thông thường hay xảy ra trong thực tế nên vẫn còn khá nhiều trường hợp bạn nên sử dụng hàm isset() trong php.

Hàm empty() trong PHP

Hàm empty() trong php dùng để kiểm tra một biến nào đó có giá trị rỗng hoặc chưa được khởi tạo hay không.

Giả sử ta có biến $var và giá trị của nó sẽ là rỗng nếu nó nằm một trong các trường hợp sau:

$var = 0 hoặc $var = '0'
$var = NULL
$var = '';
$var = FALSE
$var không tồn tại

Như vậy có 6 trường hợp hàm empty() sẽ đúng. Tuy nhiên trường hợp cuối cùng là $var không tồn tại là hơi đặc biệt một chút, vấn đề này rất giống với hàmisset() đúng không nào.
Ví dụ: Ví dụ các trường hợp trên

Ví dụ

$var = '0';
var_dump(empty($var));

$var = 0;
var_dump(empty($var));

$var = '';
var_dump(empty($var));

$var = FALSE;
var_dump(empty($var));

$var = NULL;
var_dump(empty($var));

var_dump(empty($bien_khong_ton_tai));

Trong đó ở ví dụ thứ 6 biến $bien_khong_ton_tai chưa được khởi tạo nhưng vẫn không bị lỗi và khi sử dụng nó trong hàm empty() thì sẽ trả về TRUE.

Vậy khi nào nên sử dụng hàm empty()?

Thông thường chúng ta sử dụng hàm empty() để validate dữ liệu bởi vì nó có thêm chức năng của hàm isset() nên sẽ không bao giờ xuất hiện lỗi.
Vi dụ: kiểm tra dữ liệu khi người dùng đăng nhập

Ví dụ

if (empty($_POST['username'])){
    echo 'Bạn chưa nhập tên đăng nhập';
}

Nếu sử dụng hàm isset() thì ta sẽ làm như sau:

Ví dụ

$username = isset($_POST['username']) ? $_POST['username'] : '';
$password = isset($_POST['password']) ? $_POST['password'] : '';
if ($username == '') {
    echo 'Bạn chưa nhập tên đăng nhập';
}

if ($password == '') {
    echo 'Bạn chưa nhập mật khẩu';
}

Rõ ràng nếu ta dùng hàm empty() thì nhìn code gọn hơn phải không nào.

Lời kết

Trong bài này mình đã giới thiệu hai hàm thường dùng để validate dữ liệu đó là hàm isset() và hàm empty() trong php, mỗi hàm mình có liệt kê cách sử dụng nên từ đó bạn có thể suy ra khi nào nên sử dụng isset() và khi nào nên sử dụng empty().

Và có một điểm mình muốn nhấn mạnh khi sử dụng hàm empty() đó là hàm này sẽ trả về TRUE nếu biến kiểm tra không tồn tại, điều này rất giống với hàm isset() nên ta có thể nói hàm empty() có luôn chức năng của hàm isset().

Question 30

Url Rewriting giống WordPress

Accepted Answer

Mình thích wordpress nên khi viết code php mình muốn sử dụng hệ thống rewrite url của wordpress, sau một hồi loay hoay tìm kiếm trên google mình có bài viết này. Mọi điều hướng trong wordpress đều thông qua file index, nên khi viết code rewrite trong file config (htacess hoặc nginx) bạn sẽ không cần làm nhiều công đoạn nữa. Làm như sau:

Nội dung các file trong code

config.php

Ví dụ

 $value) {
            $rewrite_rules[$key] = $value;
        }
    }
    /* login, logout & register rewrites */
    $rewrite_rules['login$'] = 'index.php?login=1';
    $rewrite_rules['logout$'] = 'index.php?logout=1';
    $rewrite_rules['register$'] = 'index.php?register=1';
    /* 
     * categories rewrites 
     * categories will be fetched from database dynamically but for testing I am using fixed data
     */
    $categories = array(
        array('id' => "1", 'name' => "Java", 'slug' => "java", 'description' => "", 'parent' => "0"),
        array('id' => "2", 'name' => "JavaFX", 'slug' => "javafx", 'description' => "", 'parent' => "0"),
        array('id' => "3", 'name' => "Projects", 'slug' => "projects", 'description' => "", 'parent' => "0"),
        array('id' => "4", 'name' => "Java Projects", 'slug' => "java-projects", 'description' => "", 'parent' => "3"),
        array('id' => "5", 'name' => "PHP Projects", 'slug' => "php-projects", 'description' => "", 'parent' => "3"),
        array('id' => "6", 'name' => "Uncategorized", 'slug' => "uncategorized", 'description' => "", 'parent' => "0")
    );
    updateSlugForRewrite($categories, 0);
    foreach ($categories as $c) {
        $rewrite_rules['(' . $c['slug'] . ')/page/?([0-9]{1,})/?$'] = 'index.php?category_name=$matches[1]&paged=$matches[2]';
        $rewrite_rules['(' . $c['slug'] . ')/?$'] = 'index.php?category_name=$matches[1]';
    }
    /* tag rewrites */
    $rewrite_rules['tag/([^/]+)/page/?([0-9]{1,})/?$'] = 'index.php?tag=$matches[1]&paged=$matches[2]';
    $rewrite_rules['tag/([^/]+)/?$'] = 'index.php?tag=$matches[1]';
    /* blogs paging */
    $rewrite_rules['page/?([0-9]{1,})/?$'] = 'index.php?&paged=$matches[1]';
    /* search rewrites */
    $rewrite_rules['search/(.+)/page/?([0-9]{1,})/?$'] = 'index.php?s=$matches[1]&paged=$matches[2]';
    $rewrite_rules['search/(.+)/?$'] = 'index.php?s=$matches[1]';
    /* author rewrites */
    $rewrite_rules['author/([^/]+)/page/?([0-9]{1,})/?$'] = 'index.php?author_name=$matches[1]&paged=$matches[2]';
    $rewrite_rules['author/([^/]+)/?$'] = 'index.php?author_name=$matches[1]';
    /* year month day wise posts */
    $rewrite_rules['([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/page/?([0-9]{1,})/?$'] = 'index.php?year=$matches[1]&month=$matches[2]&day=$matches[3]&paged=$matches[4]';
    $rewrite_rules['([0-9]{4})/([0-9]{1,2})/([0-9]{1,2})/?$'] = 'index.php?year=$matches[1]&month=$matches[2]&day=$matches[3]';
    $rewrite_rules['([0-9]{4})/([0-9]{1,2})/page/?([0-9]{1,})/?$'] = 'index.php?year=$matches[1]&month=$matches[2]&paged=$matches[3]';
    $rewrite_rules['([0-9]{4})/([0-9]{1,2})/?$'] = 'index.php?year=$matches[1]&month=$matches[2]';
    $rewrite_rules['([0-9]{4})/page/?([0-9]{1,})/?$'] = 'index.php?year=$matches[1]&paged=$matches[2]';
    $rewrite_rules['([0-9]{4})/?$'] = 'index.php?year=$matches[1]';
    /**/
    $rewrite_rules['(.?.+?)/page/?([0-9]{1,})/?$'] = 'index.php?pagename=$matches[1]&paged=$matches[2]';
    $rewrite_rules['(.?.+?)(?:/([0-9]+))?/?$'] = 'index.php?pagename=$matches[1]&page=$matches[2]';
    $rewrite_rules['([^/]+)/page/?([0-9]{1,})/?$'] = 'index.php?name=$matches[1]&paged=$matches[2]';
    $rewrite_rules['([^/]+)(?:/([0-9]+))?/?$'] = 'index.php?name=$matches[1]&page=$matches[2]';

    //adding additional rules in array in the bottom
    if (!empty($additional_rules) && $location == 'bottom') {
        foreach ($additional_rules as $key => $value) {
            $rewrite_rules[$key] = $value;
        }
    }
    /*
     * Here rewrite rules I am storing in global variable named rewrite but
     * this can be serialized and stored to database so that it can be accessed wherever needed just like
     * I have called saveConfig in comment for real project to save rewrite rules in Database
     */
    $GLOBALS['rewrite'] = $rewrite_rules;
    //saveConfig('rewrite_rules', serialize($rewrite_rules));
}

function parse_request($extra_query_vars = '') {

    $rewrite_index = "index.php";
    // Process PATH_INFO, REQUEST_URI, and 404 for permalinks.
    // Fetch the rewrite rules.
    /*
     * Here rewrite rules I am fetching from global variable named rewrite but
     * this can be unserialize after fetching from database just like
     * I have called getConfig function to fetch from database and unserialized in real project
     */
    $rewrite = $GLOBALS['rewrite'];
    //$rewrite = unserialize(getConfig("rewrite_rules"));

    if (!empty($rewrite)) {
        // If we match a rewrite rule, this will be cleared.
        $error = '404';

        $pathinfo = isset($_SERVER['PATH_INFO']) ? $_SERVER['PATH_INFO'] : '';
        list( $pathinfo ) = explode('?', $pathinfo);
        $pathinfo = str_replace('%', '%25', $pathinfo);

        list( $req_uri ) = explode('?', $_SERVER['REQUEST_URI']);
        $self = $_SERVER['PHP_SELF'];
        $home_path = trim(parse_url(SITE_URL, PHP_URL_PATH), '/');
        $home_path_regex = sprintf('|^%s|i', preg_quote($home_path, '|'));

        // Trim path info from the end and the leading home path from the
        // front. For path info requests, this leaves us with the requesting
        // filename, if any. For 404 requests, this leaves us with the
        // requested permalink.
        $req_uri = str_replace($pathinfo, '', $req_uri);
        $req_uri = trim($req_uri, '/');
        $req_uri = preg_replace($home_path_regex, '', $req_uri);
        $req_uri = trim($req_uri, '/');
        $pathinfo = trim($pathinfo, '/');
        $pathinfo = preg_replace($home_path_regex, '', $pathinfo);
        $pathinfo = trim($pathinfo, '/');
        $self = trim($self, '/');
        $self = preg_replace($home_path_regex, '', $self);
        $self = trim($self, '/');

        // The requested permalink is in $pathinfo for path info requests and
        //  $req_uri for other requests.
        if (!empty($pathinfo) && !preg_match('|^.*' . $rewrite_index . '$|', $pathinfo)) {
            $requested_path = $pathinfo;
        } else {
            // If the request uri is the index, blank it out so that we don't try to match it against a rule.
            if ($req_uri == $rewrite_index) {
                $req_uri = '';
            }
            $requested_path = $req_uri;
        }
        $requested_file = $req_uri;

        // Look for matches.
        $request_match = $requested_path;
        if (empty($request_match)) {
            // An empty request could only match against ^$ regex
            if (isset($rewrite['$'])) {
                $query = $rewrite['$'];
                $matches = array('');
            }
        } else {
            foreach ((array) $rewrite as $match => $query) {
                // If the requested file is the anchor of the match, prepend it to the path info.
                if (!empty($requested_file) && strpos($match, $requested_file) === 0 && $requested_file != $requested_path) {
                    $request_match = $requested_file . '/' . $requested_path;
                }

                if (preg_match("#^$match#", $request_match, $matches) || preg_match("#^$match#", urldecode($request_match), $matches)) {
                    // Got a match.
                    $matched_rule = $match;
                    break;
                }
            }
        }

        if (isset($matched_rule)) {
            // Trim the query of everything up to the '?'.
            $query = preg_replace('!^.+\?!', '', $query);

            // Substitute the substring matches into the query.
            $matched_query = addslashes(MatchesMapRegex::apply($query, $matches));

            // Parse the query.
            parse_str($matched_query, $perma_query_vars);

            // If we're processing a 404 request, clear the error var since we found something.
            if ('404' == $error) {
                unset($error, $_GET['error']);
            }
        }

        // If req_uri is empty or if it is a request for ourself, unset error.
        if (empty($requested_path) || $requested_file == $self) {
            unset($error, $_GET['error']);
            
            if (isset($perma_query_vars)) {
                unset($perma_query_vars);
            }
        }
    }

    if (isset($perma_query_vars)) {
        return $perma_query_vars;
    }
    return null;
}

matches.php

Ví dụ

_subject = $subject;
        $this->_matches = $matches;
        $this->output = $this->_map();
    }

    public static function apply($subject, $matches) {
        $oSelf = new MatchesMapRegex($subject, $matches);
        return $oSelf->output;
    }

    private function _map() {
        $callback = array($this, 'callback');
        return preg_replace_callback($this->_pattern, $callback, $this->_subject);
    }

    public function callback($matches) {
        $index = intval(substr($matches[0], 9, -1));
        return ( isset($this->_matches[$index]) ? urlencode($this->_matches[$index]) : '' );
    }

}

index.php

Ví dụ

.htaccess

Ví dụ

# BEGIN

RewriteEngine On
RewriteBase /urlrewriting/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /urlrewriting/index.php [L]

# END

Ghi chú: RewriteBase mình để là urlrewriting vì code mình để trong thư mục urlrewriting, nếu bạn để ở thư mục root của website như www, htdocs hay public_html thì bạn thay bằng / nhé.

Chúc thành công

Question 31

Làm cách nào để xóa nội dung bên trong thẻ bằng PHP?

Accepted Answer

Trả lời: Dùng hàm preg_replace_callback() để xóa hoặc thay thế nội dung bạn muốn

Ví dụ bạn có nội dung sau:

Ví dụ

      Xóa nội dung trong thẻ div
      Nội dung muốn xóa bỏ

Giờ bạn muốn xóa nội dung trong thẻ

Ta làm như sau:

Ví dụ

$code = 'Xóa nội dung trong thẻ div
      Nội dung muốn xóa bỏ';
function deletecontent($matches)
      {
        return '';
      }
      $newcode = preg_replace_callback('/(.*?)<\/div>/s',"deletecontent",$code);  
echo $newcode;

Chạy code trên sẽ cho kết quả:

Ví dụ

Xóa nội dung trong thẻ div

Hoặc với ví dụ sau để xóa hết thẻ trong nội dung bạn có thể dùng code sau:

Ví dụ

 hình ảnh.
Nội dung dòng 2 ';
$content = preg_replace("/]+\>/i", "(image) ", $content);
echo $content;
?>

Kết quả:

nội dung có hình ảnh (image) hình ảnh.
Nội dung dòng 2 (image)

Tương tự với các thẻ html khác nhé

Question 32

Xóa mọi thuộc tính khác khỏi liên kết hình ảnh chỉ giữ lại src trong PHP

Accepted Answer

Trả lời: Dùng hàm `preg_replace()` cùng regex để xóa

Ví dụ bạn có code sau:

Ví dụ

Code mẫu để xóa như sau:

Ví dụ

';
$html = preg_replace("/(]*(src=\S+)[^>]*(\/?>)/i", "$1$2$3", $html);
echo $html;
?>

Kết quả nhận được:

Ví dụ

Question 33

Làm cách nào để có được nhiều giá trị từ một thẻ input , select, checkbox trong php?

Accepted Answer

Trả lời: Có 2 cách giải quyết vấn đề, bạn nên sử dụng 1 thẻ input với nhiều giá trị bên trong.

Bài toán đặt ra là bạn muốn 1 thẻ input khi gửi đến file php có 2 giá trị khác nhau, và bạn muốn tách 2 giá trị đó để sử dụng. Khi xử lý trong thiết kế website bằng ngôn ngữ php, có thể bạn sẽ gặp bài toán trên, vậy làm sao để xử lý bài toán này?

Thường sẽ có 2 cách giải quyết đó là:

Dùng 2 thẻ input và name sẽ là mảng, dữ liệu gửi tới php dưới dạng mảng
Dùng 1 thẻ input dữ liệu gửi tới php như bình thường và bạn sẽ xử lý để tách dữ liệu

Sau đây mình sẽ hướng dẫn các bạn cách sử dụng 1 thẻ input.

HTML code như sau:

Ví dụ

2 giá trị cần lấy thì mình để hết trong value và ngăn cách bởi | lát mình sẽ dùng code PHP để bóc tách lấy dữ liệu.
PHP code là:

Ví dụ

list($value1,$value2) = explode('|', $_POST['valuename']);
echo $value1;
echo $value2;

Giờ bạn có thể sử dụng các giá trị value1 và value2 nhé
Bạn làm tương tự với select box hoặc check box trong html, và tương tự với nhiều giá trị hơn

Question 34

CRUD là gì?

Accepted Answer

Trả lời: CRUD là từ viết tắt của C reate, R ead, U pdate và D elete.

Hoạt động CRUD là thao tác dữ liệu cơ bản cho cơ sở dữ liệu. Chúng ta đã học cách thực hiện các thao tác tạo (tức là chèn), đọc (tức là chọn), cập nhật và xóa trong các chương trước. Trong hướng dẫn này, chúng tôi sẽ tạo một ứng dụng PHP đơn giản để thực hiện tất cả các hoạt động này trên bảng cơ sở dữ liệu MySQL tại một nơi.

Question 35

Cách viết chú thích trong PHP

Accepted Answer

Trả lời: Sử dụng Cú pháp `"// text"` và `"/* text */"`

Chú thích thường được viết trong khối mã PHP để giải thích chức năng của mã. Nó sẽ giúp bạn và những người khác trong tương lai hiểu được những gì bạn đang cố gắng thực hiện với mã PHP. Chú thích không được hiển thị trong kết quả, chúng bị công cụ PHP bỏ qua.

Nhận xét một dòng

Nhận xét một dòng trong PHP bắt đầu bằng //, Xem ví dụ bên dưới:

Ví dụ

Nhận xét nhiều dòng

Nhận xét dòng nhiều dòng trong PHP bắt đầu bằng /* và kết thúc bằng */.

Ví dụ

Question 36

Cách xóa khoảng trắng khỏi chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `trim()`

Bạn có thể sử dụng hàm trim() để loại bỏ khoảng trắng bao gồm khoảng trắng không ngắt, dòng mới và tab từ đầu và cuối chuỗi. Nó sẽ không loại bỏ khoảng trắng xảy ra ở giữa chuỗi. Hãy xem một ví dụ để hiểu về cơ bản nó hoạt động như thế nào:

Ví dụ

Question 37

Cách tìm số ký tự trong một chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `strlen()`

Bạn có thể chỉ cần sử dụng hàm strlen() để tìm số ký tự trong một chuỗi văn bản . Nó cũng bao gồm các khoảng trắng bên trong chuỗi được chỉ định.

Hãy xem ví dụ sau để hiểu về cơ bản nó hoạt động như thế nào:

Ví dụ

Question 38

Cách tìm số từ trong một chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `str_word_count()`

Hàm PHP str_word_count() có thể được sử dụng để tìm số lượng từ trong một chuỗi.

Hãy xem một ví dụ để hiểu về cơ bản hàm này hoạt động như thế nào:

Ví dụ

Question 39

Cách xóa các ký tự đặc biệt khỏi một chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `htmlspecialchars()`

Một số ký tự như ( &, ", ', <, >) có ý nghĩa đặc biệt trong HTML, và cần được chuyển đổi sang các thực thể HTML. Bạn có thể sử dụng hàm htmlspecialchars() để chuyển đổi các ký tự đặc biệt trong một chuỗi thành các thực thể HTML. Hãy xem một ví dụ:

Ví dụ

special characters.";
 
// Removing HTML special characters
echo htmlspecialchars($my_str);
?>

Nếu bạn xem mã nguồn (view source) của kết quả, bạn sẽ thấy chuỗi "String with special characters." được chuyển đổi thành "String with special characters."

Question 40

Cách thay thế một từ bên trong một chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `str_replace()`

Bạn có thể sử dụng hàm str_replace() để thay thế tất cả các lần xuất hiện của một từ trong một chuỗi.

Trong ví dụ sau, từ "facts" được thay thế bằng từ "truth".

Ví dụ

Hàm PHP str_replace() phân biệt chữ hoa chữ thường, tuy nhiên nếu bạn muốn thực hiện đối sánh và thay thế phân biệt chữ hoa chữ thường, bạn có thể sử dụng hàm str_ireplace().

Question 41

Cách thêm một chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng toán tử kết nối PHP

Không có chức năng cụ thể để thêm một chuỗi trong PHP. Nhưng bạn có thể sử dụng toán tử nối PHP ( .) để mở đầu một chuỗi với một chuỗi khác.

Hãy xem ví dụ sau để hiểu về cơ bản nó hoạt động như thế nào:

Ví dụ

Xem hướng dẫn về Toán tử trong PHP để tìm hiểu chi tiết về các toán tử.

Question 42

Cách nối một chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng các toán tử chuỗi PHP

Không có chức năng cụ thể để nối một chuỗi trong PHP. Nhưng bạn có thể sử dụng toán tử gán ghép nối PHP ( .=) để nối một chuỗi với một chuỗi khác.

Hãy xem ví dụ sau để hiểu về cơ bản nó hoạt động như thế nào:

Ví dụ

Xem hướng dẫn về Toán tử trong PHP để tìm hiểu chi tiết về các toán tử.

Question 43

Cách trích xuất chuỗi con từ một chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `substr()`

Hàm substr()có thể được sử dụng để lấy chuỗi con tức là một phần của chuỗi từ một chuỗi. Hàm này nhận các tham số bắt đầu và độ dài để trả về một phần của chuỗi.

Hãy xem một ví dụ để hiểu về cơ bản hàm này hoạt động như thế nào:

Ví dụ

Question 44

Cách so sánh hai chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng `strcmp()`hàm PHP

Bạn có thể sử dụng hàm strcmp() để dễ dàng so sánh hai chuỗi. Hàm này nhận hai chuỗi str1 và str2 dưới dạng tham số. Hàm strcmp() trả về kết quả < 0nếu str1 là ít hơn str2; trả về > 0nếu str1lớn hơn str2và 0 nếu chúng bằng nhau.

Hãy xem một ví dụ để hiểu về cơ bản hàm này hoạt động như thế nào:

Ví dụ

Hàm strcmp()so sánh hai chuỗi theo cách phân biệt chữ hoa chữ thường. Nếu bạn muốn so sánh không phân biệt chữ hoa chữ thường, bạn có thể sử dụng hàm strcasecmp().

Question 45

Cách lấy URL trang hiện tại bằng PHP

Accepted Answer

Trả lời: Sử dụng biến toàn cầu`$_SERVER` trong PHP

Bạn có thể sử dụng biến tích hợp $_SERVER để lấy URL của trang hiện tại bằng PHP. $_SERVER là một biến siêu toàn cầu, có nghĩa là nó luôn có sẵn trong tất cả các phạm vi.

Ngoài ra, nếu bạn muốn có URL đầy đủ của trang, bạn sẽ cần phải kiểm tra tên lược đồ (hoặc giao thức), xem xét xem nó là httphay https. Hãy xem một ví dụ để hiểu cách hoạt động của nó:

Ví dụ

Question 46

Cách tạo chuỗi bằng cách nối các giá trị của một mảng trong PHP

Accepted Answer

Trả lời: Sử dụng hàm`implode()`hoặc `join()`

Bạn có thể sử dụng hàm implode()hoặc join() để tạo một chuỗi bằng cách nối các giá trị hoặc phần tử của mảng với một chuỗi kết nối như dấu phẩy ( ,) hoặc dấu gạch ngang ( -).

Hãy xem ví dụ sau để hiểu về cơ bản nó hoạt động như thế nào:

Ví dụ

Question 47

Cách tách một chuỗi thành một mảng trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `explode()`

Bạn có thể sử dụng hàm explode() để chia hoặc ngắt một chuỗi thành một mảng bằng một chuỗi phân tách như dấu cách, dấu phẩy, dấu gạch ngang, v.v. Bạn cũng có thể đặt tham số giới hạn tùy chọn để chỉ định số phần tử mảng cần trả về. Hãy thử một ví dụ và xem nó hoạt động như thế nào:

Ví dụ

";
print_r(explode(" ", $my_str, 4));
?>

Question 48

Cách kết hợp hai chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng toán tử kết nối PHP

Bạn có thể sử dụng toán tử nối PHP ( .) để kết hợp hoặc nối hai chuỗi lại với nhau trong PHP. Toán tử này được thiết kế đặc biệt cho chuỗi. Hãy xem nó hoạt động như thế nào:

Ví dụ

Question 49

Cách chuyển đổi một chuỗi thành chữ thường trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `strtolower()`

Bạn có thể sử dụng hàm strtolower()để chuyển đổi một chuỗi thành chữ thường.

Hãy xem ví dụ sau để hiểu cách thực sự hoạt động của hàm này:

Ví dụ

Khi xử lý với tiếng Việt nếu bị lỗi các bạn chuyển sang dùng hàm mb_strtolower()

Ví dụ

Hoặc các bạn cũng có thể dụng hàm mb_convert_case() cũng cho cùng kết quả

Ví dụ

Xem thêm: Cách xử lý lỗi tiếng Việt khi dùng hàm ucwords() trong PHP?

Question 50

Làm thế nào để chuyển đổi một chuỗi thành chữ hoa trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `strtoupper()`

Bạn có thể sử dụng hàm strtoupper() để chuyển đổi một chuỗi thành chữ hoa.

Hãy thử ví dụ sau để hiểu về cơ bản hàm này hoạt động như thế nào:

Ví dụ

Khi xử lý với tiếng Việt nếu bị lỗi các bạn chuyển sang dùng hàm mb_strtoupper()

Ví dụ

Hoặc các bạn cũng có thể dụng hàm mb_convert_case() cũng cho cùng kết quả

Ví dụ

Question 51

Cách chuyển ký tự đầu tiên của chuỗi thành chữ hoa trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `ucfirst()`

Bạn có thể sử dụng hàm ucfirst() để thay đổi ký tự đầu tiên của chuỗi thành chữ hoa (tức là viết hoa). Ngoài ra, bạn có thể sử dụng hàm strtolower()kết hợp với hàm ucfirst(), nếu bạn muốn chỉ đặt chữ cái đầu tiên của chuỗi thành chữ hoa và phần còn lại của chuỗi thành chữ thường. Hãy xem một ví dụ để hiểu cách nó hoạt động:

Ví dụ

";
$str2 = 'the Color of the Sky is Blue.';
echo ucfirst(strtolower($str2));
//The color of the sky is blue.
//The color of the sky is blue.
?>

Xem Cách chuyển đổi một chuỗi thành chữ thường trong PHP

Question 52

Cách chuyển đổi các thực thể HTML đặc biệt trở lại các ký tự trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `htmlspecialchars_decode()`

Bạn có thể sử dụng hàm htmlspecialchars_decode() để chuyển đổi các thực thể HTML đặc biệt chẳng hạn như &, <, >, vv trở lại các nhân vật bình thường (ví dụ &, <, >).

Hàm htmlspecialchars_decode() là ngược lại của hàm htmlspecialchars() dùng để chuyển đổi ký tự HTML đặc biệt vào các thực thể HTML . Hãy xem một ví dụ:

Ví dụ

"get you".";
 
// Decode &, <, > and "
echo htmlspecialchars_decode($my_str);
 
// Decode &, <, >, " and '
echo htmlspecialchars_decode($my_str, ENT_QUOTES);
 
// Decode &, < and >
echo htmlspecialchars_decode($my_str, ENT_NOQUOTES);
?>

Question 53

Cách xóa khoảng trắng khỏi đầu chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `ltrim()`

Bạn có thể sử dụng hàm ltrim() để loại bỏ khoảng trắng từ đầu chuỗi.

Hãy xem một ví dụ để hiểu chức năng này thực sự hoạt động như thế nào:

Ví dụ

Question 54

Cách xóa khoảng trắng khỏi cuối chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `rtrim()`

Bạn có thể sử dụng hàm rtrim() để loại bỏ khoảng trắng từ cuối chuỗi.

Hãy xem một ví dụ để hiểu về cơ bản hàm này hoạt động như thế nào:

Ví dụ

Question 55

Cách tạo một dòng mới trong PHP

Accepted Answer

Trả lời: Sử dụng các ký tự dòng mới ' ' hoặc ' '

Bạn có thể sử dụng các ký tự dòng mới trong PHP hoặc để tạo một dòng mới bên trong mã nguồn. Tuy nhiên, nếu bạn muốn các ngắt dòng cũng hiển thị trong trình duyệt, bạn có thể sử dụng hàm nl2br() để chèn các ngắt dòng HTML trước tất cả các dòng mới trong một chuỗi.

Hãy xem ví dụ sau để hiểu về cơ bản nó hoạt động như thế nào:

Ví dụ

";
echo nl2br("You will find the 
 newlines in this string 
 on the browser window.");
?>

Question 56

Cách tìm độ dài chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `strlen()`

Bạn chỉ cần sử dụng hàm strlen() để lấy độ dài của một chuỗi. Hàm strlen() trả lại chiều dài của chuỗi nếu thành công, và 0 nếu chuỗi rỗng.

Hãy xem ví dụ sau để hiểu cách nó thực sự hoạt động:

Ví dụ

";
 
$str2 = ' Hello    world! ';
echo strlen($str2); // Outputs: 17
?>

Question 57

Cách kiểm tra xem một biến có được đặt hay không trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `isset()`

Bạn có thể sử dụng hàm isset() để kiểm tra xem một biến đã được đặt hay chưa. Giá trị isset() sẽ trả về FALSE nếu kiểm tra một biến đã được đặt thành NULL.

Hãy xem một ví dụ để hiểu về cơ bản hàm này hoạt động như thế nào:

Ví dụ

";
 
$var2 = 'Hello World!';
if(isset($var2)){
    echo 'This line is printed, because the $var2 is set.';
}
echo "
";
 
// Unset the variable
unset($var2);
 
if(isset($var2)){
    echo 'This line is printed, because the $var2 is set.';
} else{
    echo 'This line is printed, because the $var2 is not set.';
}
echo "
";
 
$var3 = NULL;
if(isset($var3)){
    echo 'This line is printed, because the $var3 is set.';
} else{
    echo 'This line is printed, because the $var3 is not set.';
}
?>

Question 58

Cách kiểm tra xem một biến có trống hay không trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `empty()`

Bạn có thể sử dụng hàm empty() để tìm xem một biến có trống hay không. Một biến được coi là trống nếu nó không tồn tại hoặc nếu giá trị của nó bằng FALSE.

Hãy thử ví dụ sau để hiểu về cơ bản hàm này hoạt động như thế nào:

Ví dụ

";
 
if(empty($var2)){
    echo 'This line is printed, because the $var2 is empty.';
}
echo "
";
 
if(empty($var3)){
    echo 'This line is printed, because the $var3 is empty.';
}
echo "
";
 
if(empty($var4)){
    echo 'This line is printed, because the $var4 is empty.';
}
echo "
";
 
if(empty($var5)){
    echo 'This line is printed, because the $var5 is empty.';
}
?>

Ghi chú: Hàm empty() không tạo ra một cảnh báo nếu biến không tồn tại. Điều đó có nghĩa empty() là tương đương với !isset($var) || $var == false.

Question 59

Cách kiểm tra xem một biến có rỗng hay không trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `is_null()`

Bạn có thể sử dụng hàm is_null() để kiểm tra xem một biến có rỗng hay không.

Hãy xem một ví dụ để hiểu cách hoạt động của hàm này:

Ví dụ

";
 
if(is_null($inexistent)){
    echo 'This line is printed, because the $inexistent is null.';
}
?>

Question 60

Cách đảo ngược một chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `strrev()`

Bạn có thể sử dụng hàm strrev()để đảo ngược hướng viết văn bản của một chuỗi .

Hãy xem một ví dụ để hiểu về cơ bản nó hoạt động như thế nào:

Ví dụ

Question 61

Cách thay thế một phần của chuỗi bằng một chuỗi khác trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `str_replace()`

Bạn có thể sử dụng hàm str_replace() để tìm và thay thế bất kỳ phần nào của chuỗi bằng một chuỗi khác. Trong ví dụ sau, chuỗi con "quick brown fox" của chuỗi $my_str được thay thế bằng chuỗi "swift white cat". Hãy dùng thử và xem nó hoạt động như thế nào:

Ví dụ

Question 62

Cách đếm số lần một chuỗi con xuất hiện trong một chuỗi trong PHP

Accepted Answer

Trả lời: Sử dụng hàm `substr_count()`

Bạn có thể sử dụng hàm substr_count() để biết số lần một chuỗi con nhất định xuất hiện hoặc lặp lại bên trong một chuỗi. Hãy thử một ví dụ để xem nó hoạt động như thế nào:

Ví dụ

Question 63

Cách tắt hoặc khởi động lại Ubuntu từ Terminal

Accepted Answer

Trả lời: Sử dụng lệnh poweroff hoặc reboot

Bạn có thể tắt hoặc khởi động lại Ubuntu từ thiết bị đầu cuối bằng bất kỳ lệnh nào sau đây.

Để tắt Ubuntu từ thiết bị đầu cuối, hãy sử dụng lệnh sau:

Ví dụ

sudo poweroff

Để khởi động lại Ubuntu từ thiết bị đầu cuối, hãy sử dụng lệnh sau:

Ví dụ

sudo reboot

Question 64

NGINX là gì?

Accepted Answer

Trả lời: NGINX là ứng dụng máy chủ web hàng đầu cung cấp cho hơn 50% các trang web bận rộn nhất trên internet. Nó có thể cấu hình cao và có khả năng xử lý hàng nghìn yêu cầu đồng thời. NGINX sử dụng kiến trúc hướng sự kiện (event-driven) không đồng bộ (asynchronous). Mục tiêu ban đầu để phục vụ HTTP cache nhưng sau được áp dụng vào reverse proxy, HTTP load balancer và các giao thức truyền mail như IMAP4, POP3, và SMTP.

Các câu hỏi thường gặp

HTML / CSS

JavaScript / jQuery

PHP / MySQL

Ubuntu / Linux / Webserver

Python

SEO

Các công cụ

Các câu hỏi thường gặp

HTML / CSS

JavaScript / jQuery

PHP / MySQL

Ubuntu / Linux / Webserver

Python

SEO

Về chúng tôi

Liên hệ

Các công cụ