Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?

Trong bài viết này, tôi sẽ chỉ cho bạn cách sử dụng mã PHP trong các trang HTML của bạn. Nó nhằm vào những người mới bắt đầu PHP, những người đang cố gắng củng cố sự kìm kẹp của họ đối với ngôn ngữ kịch bản phía máy chủ phổ biến nhất thế giới.

Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?

Một lần nữa, PHP là ngôn ngữ kịch bản phía máy chủ. Điều đó có nghĩa là tập lệnh PHP được thực thi trên máy chủ, đầu ra được xây dựng trên máy chủ và kết quả được gửi dưới dạng HTML đến trình duyệt máy khách để kết xuất. Thật tự nhiên khi trộn PHP và HTML trong một tập lệnh, nhưng khi mới bắt đầu, thật khó khăn khi biết cách kết hợp mã PHP với mã HTML.

Tìm hiểu PHP với một khóa học trực tuyến miễn phí

Nếu bạn muốn học PHP, hãy xem khóa học trực tuyến miễn phí của chúng tôi về các nguyên tắc cơ bản của PHP! Trong khóa học này, bạn sẽ tìm hiểu các nguyên tắc cơ bản của lập trình PHP. Bạn sẽ bắt đầu với những điều cơ bản, tìm hiểu cách PHP hoạt động và viết các vòng và chức năng PHP đơn giản. Sau đó, bạn sẽ xây dựng thành các lớp mã hóa cho lập trình hướng đối tượng đơn giản (OOP). Trên đường đi, bạn sẽ tìm hiểu tất cả các kỹ năng quan trọng nhất để viết ứng dụng cho web: bạn sẽ có cơ hội thực hành trả lời để nhận và đăng yêu cầu, phân tích cú pháp JSON, xác thực người dùng và sử dụng cơ sở dữ liệu MySQL.

Hôm nay, chúng tôi sẽ thảo luận về một vài cách khác nhau mà bạn có thể chọn khi bạn muốn sử dụng PHP trong HTML. Tôi giả sử rằng bạn có một cài đặt làm việc của PHP để bạn có thể chạy các ví dụ được cung cấp trong bài viết này.

Những cách khác nhau để kết hợp PHP và HTML

Nói rộng ra, khi sử dụng PHP trong HTML, có hai cách tiếp cận khác nhau. Đầu tiên là nhúng mã PHP vào tệp HTML của bạn với & nbsp; Tùy chọn khác, cách ưa thích, là kết hợp các thẻ PHP và HTML trong & nbsp; .php & nbsp; files..html extension—this requires a special consideration, which we’ll discuss in a moment. The other option, the preferred way, is to combine PHP and HTML tags in .php files.

Vì PHP là ngôn ngữ kịch bản phía máy chủ, mã được giải thích và chạy ở phía máy chủ. Ví dụ: nếu bạn thêm mã sau trong tệp & nbsp; index.html & nbsp; thì nó đã giành được hết hộp.index.html file, it won’t run out of the box.

<!DOCTYPE html>
<html>
<head>
<title>Embed PHP in a .html File</title>
</head>
<body>
<h2><?php echo "Hello World" ?></h2>
</body>
</html>

Trước hết, đừng lo lắng nếu bạn đã thấy loại mã PHP và HTML hỗn hợp này trước đây, vì chúng tôi sẽ thảo luận chi tiết trong suốt bài viết này. Ví dụ trên xuất ra những điều sau trong trình duyệt của bạn:

<?php echo "Hello World" ?>

Vì vậy, như bạn có thể thấy, theo mặc định, các thẻ PHP trong tài liệu & nbsp; Đó là bởi vì máy chủ thường được cấu hình để chỉ chạy PHP chỉ cho các tệp với & nbsp; .php & nbsp; tiện ích mở rộng..html document are not detected, and they're just considered plain text, outputting without parsing. That's because the server is usually configured to run PHP only for files with the .php extension.

Nếu bạn muốn chạy các tệp HTML của mình dưới dạng PHP, bạn có thể yêu cầu máy chủ chạy các tệp & nbsp; ;sự mở rộng..html files as PHP files, but it's a much better idea to put your mixed PHP and HTML code into a file with the .php extension.

Đó là những gì tôi sẽ chỉ cho bạn trong hướng dẫn này.

Cách thêm thẻ PHP trong trang HTML của bạn

Khi nói đến việc tích hợp mã PHP với nội dung HTML, bạn cần gửi kèm mã PHP với thẻ bắt đầu PHP & nbsp; ________ 12 & nbsp; và thẻ cuối PHP & nbsp; ________ 13. Mã được bọc giữa hai thẻ này được coi là mã PHP và do đó nó sẽ được thực thi ở phía máy chủ trước khi tệp được yêu cầu được gửi đến trình duyệt máy khách.

Hãy cùng xem một ví dụ rất đơn giản, hiển thị thông báo bằng mã PHP. Tạo tệp & nbsp; index.php & nbsp; với các nội dung sau dưới gốc tài liệu của bạn.index.php file with the following contents under your document root.

<!DOCTYPE html>
<html>
<head>
<title>How to put PHP in HTML - Simple Example</title>
</head>
<body>
<h2><?php echo "This message is from server side." ?></h2>
</body>
</html>

Điều quan trọng trong ví dụ trên là mã PHP được bao bọc bởi các thẻ PHP.

Đầu ra của ví dụ trên trông như thế này:

Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?

Và, nếu bạn nhìn vào nguồn trang, nó sẽ trông như thế này:

Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?

Như bạn có thể thấy, mã PHP được phân tích cú pháp và thực thi ở phía máy chủ và nó được hợp nhất với HTML trước khi trang được gửi đến trình duyệt máy khách.

Hãy cùng xem một ví dụ khác:

<!DOCTYPE html>
<html>
<head>
<title>How to put PHP in HTML- Date Example</title>
</head>
<body>
<div>This is pure HTML message.</div>
<div>Next, we’ll display today’s date and day by PHP!</div>
<div>
Today’s date is <b><?php echo date('Y/m/d') ?></b> and it’s a <b><?php echo date(‘l’) ?></b> today!
</div>
<div>Again, this is static HTML content.</div>
</body>
</html>

Điều này sẽ xuất ra ngày và giờ hiện tại, vì vậy bạn có thể sử dụng mã PHP giữa các thẻ HTML để tạo ra đầu ra động từ máy chủ. Điều quan trọng cần nhớ là bất cứ khi nào trang được thực thi ở phía máy chủ, tất cả mã giữa & nbsp; ____ 12 & nbsp; và & nbsp; ____ 13 & nbsp; thẻ sẽ được giải thích là PHP và đầu ra sẽ được nhúng vào thẻ HTML.

Trên thực tế, có một cách khác mà bạn có thể viết ví dụ trên, như thể hiện trong đoạn trích sau đây.

<!DOCTYPE html>
<html>
<head>
<title>How to put PHP in HTML- Date Example</title>
</head>
<body>
<div>This is pure HTML message.</div>
<div>Next, we’ll display today’s date and day by PHP!</div>
<div>
<?php
echo 'Today’s date is <b>' . date('Y/m/d') . '</b> and it’s a <b>'.date('l').'</b> today!';
?>
</div>
<div>Again, this is static HTML content.</div>
</body>
</html>

Trong ví dụ trên, chúng tôi đã sử dụng tính năng nối của PHP, cho phép bạn tham gia các chuỗi khác nhau vào một chuỗi. Và cuối cùng, chúng tôi đã sử dụng cấu trúc & nbsp; ____ 16 & nbsp; để hiển thị chuỗi được nối.

Đầu ra là cùng một bất kể phương pháp bạn sử dụng, như thể hiện trong ảnh chụp màn hình sau.

Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?

Và điều đó đưa chúng ta đến một câu hỏi khác: cách nào tốt nhất? Bạn có nên sử dụng tính năng Concatenation hoặc chèn các thẻ PHP riêng biệt giữa các thẻ HTML không? Tôi có thể nói rằng nó thực sự phụ thuộc vào đó, không có quy tắc nghiêm ngặt nào buộc bạn phải sử dụng một trong những phương pháp này. Cá nhân, tôi cảm thấy rằng phương pháp giữ chỗ dễ đọc hơn so với phương pháp nối.

Cấu trúc tổng thể của trang PHP kết hợp với mã HTML và PHP sẽ trông như thế này:

<!DOCTYPE html>
<html>
<head>
<title>...</title>
</head>
<body>
HTML...
<?php PHP code ... ?>
HTML...
<?php PHP code ... ?>
HTML...  
</body>
</html>

Trong phần tiếp theo, chúng tôi sẽ thấy cách bạn có thể sử dụng các vòng lặp PHP với HTML.

Cách sử dụng các vòng lặp PHP trong trang HTML của bạn

Lặp lại thông qua các mảng để tạo nội dung HTML là một trong những nhiệm vụ phổ biến nhất mà bạn sẽ gặp trong khi viết các tập lệnh PHP. Trong phần này, chúng tôi sẽ thấy làm thế nào bạn có thể lặp lại thông qua một loạt các mục và tạo ra đầu ra.

Trong hầu hết các trường hợp, bạn sẽ cần hiển thị nội dung mảng mà bạn đã điền từ cơ sở dữ liệu hoặc một số nguồn khác. Trong ví dụ này, vì mục đích đơn giản, chúng tôi sẽ khởi tạo mảng với các giá trị khác nhau khi bắt đầu tập lệnh.

Hãy tiếp tục và tạo một tệp PHP với các nội dung sau.

<!DOCTYPE html>
<html>
<head>
<title>How to put PHP in HTML - foreach Example</title>
</head>
<body>
<?php
$employees = array(‘John’, ‘Michelle’, ‘Mari’, ‘Luke’, ‘Nellie’);
?>
<h2>List of Employees</h2>
<ul>
<?php foreach ($employees as $employee) { ?>
<li><?php echo $employee ?></li>
<?php }  ?>
</ul>
</body>
</html>

Đầu tiên, chúng tôi đã khởi tạo mảng ở đầu kịch bản của chúng tôi. Tiếp theo, chúng tôi đã sử dụng & nbsp; ________ 17 & nbsp; xây dựng để lặp lại thông qua các giá trị mảng. Và cuối cùng, chúng tôi đã sử dụng cấu trúc & nbsp; ____ 16 & nbsp; để hiển thị giá trị phần tử mảng.

Và đầu ra sẽ trông như thế này:

Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Ví dụ tương tự với A & nbsp; ________ 19 & nbsp; Loop trông như thế này:

<!DOCTYPE html>
<html>
<head>
<title>How to put PHP in HTML - foreach Example</title>
</head>
<body>
<?php
$employees = array(‘John’, ‘Michelle’, ‘Mari’, ‘Luke’, ‘Nellie’);
$total = count($employees);
?>
<h2>List of Employees</h2>
<ul>
<?php
$i = 0;
?>
<?php while ($i < $total) { ?>
<li><?php echo $employees[$i] ?></li>
<?php  ++$i ?>
<?php }  ?>
</ul>
</body>
</html>

Và đầu ra sẽ giống nhau. Vì vậy, cách mà bạn có thể sử dụng & NBSP;

Trong phần tiếp theo, chúng tôi sẽ thấy cách bạn có thể sử dụng cú pháp thẻ ngắn PHP.

Cách sử dụng thẻ ngắn PHP

Trong các ví dụ mà chúng tôi đã thảo luận cho đến nay, chúng tôi đã sử dụng & nbsp; ________ 12 & nbsp; như một thẻ bắt đầu ở khắp mọi nơi. Trên thực tế, PHP đi kèm với một biến thể, & nbsp; ____ 23, mà bạn có thể sử dụng như một cú pháp ngắn khi bạn muốn hiển thị một chuỗi hoặc giá trị của biến.

Hãy để sửa đổi ví dụ với cú pháp ngắn mà chúng ta đã thảo luận trước đó.

<!DOCTYPE html>
<html>
<head>
<title>How to put PHP in HTML - Simple Example</title>
</head>
<body>
<h2><?= "This message is from server side." ?></h2>
</body>
</html>

Như bạn có thể thấy, chúng ta có thể bỏ qua & nbsp; ________ 16 & nbsp; hoặc & nbsp; ________ 25 & nbsp; xây dựng trong khi hiển thị giá trị bằng cách sử dụng cú pháp tốc ký. Cú pháp tốc ký ngắn và có thể đọc được khi bạn muốn hiển thị một cái gì đó với & nbsp; ____ ____ 16 & nbsp; hoặc & nbsp; ________ 25.

Vì vậy, đây là những cách khác nhau bạn có thể sử dụng để thêm PHP vào nội dung HTML. Là một người mới bắt đầu, bạn có thể học hỏi từ việc thử các cách khác nhau để làm mọi việc, và thật thú vị!

Bao gồm mã từ các tệp khác nhau

Có rất nhiều tình huống mà bạn cần sử dụng cùng một mã trên nhiều trang của một trang web. Một ví dụ như vậy sẽ là phần tiêu đề và chân trang của một trang web. Các phần này thường chứa cùng một HTML trên toàn trang web.

Hãy nghĩ về điều này giống như di chuyển các quy tắc CSS phổ biến của một trang web vào một bảng kiểu thay vì đặt chúng bên trong các thẻ & nbsp; ____ 28 & nbsp; trên các trang riêng lẻ.

Có bốn chức năng có sẵn trong PHP để giúp bạn bao gồm các tệp khác trong tệp PHP. Đây là & nbsp; ____ 29, & nbsp; ________ 30, & nbsp; ________ 31, và & nbsp; ________ 32.

Hàm

<!DOCTYPE html>
<html>
<head>
<title>How to put PHP in HTML - Simple Example</title>
</head>
<body>
<h2><?php echo "This message is from server side." ?></h2>
</body>
</html>
9 sẽ bao gồm và đánh giá tệp được chỉ định và đưa ra cảnh báo cho bạn nếu không thể tìm thấy tệp. Hàm & nbsp; ________ 31 & nbsp; thực hiện điều tương tự, nhưng nó cho bạn một lỗi thay vì cảnh báo nếu không thể tìm thấy tệp.

Khi làm việc trên các dự án lớn, bạn có thể vô tình bao gồm cùng một tệp nhiều lần. Điều này có thể gây ra các vấn đề như định nghĩa lại chức năng. Một cách để tránh những vấn đề này là sử dụng & nbsp; ____ 30 & nbsp; và & nbsp; ________ 32 & nbsp; các chức năng trong PHP.

Hãy sử dụng mã từ phần trước để chỉ cho bạn cách sử dụng các chức năng này. Tôi sẽ sử dụng & nbsp; ________ 29 & nbsp; trong ví dụ này. Tạo một tệp có tên & nbsp; header.php & nbsp; và đặt mã sau bên trong nó.header.php and place the following code inside it.

<!DOCTYPE html>
<html>
<head>
<title>How to put PHP in HTML</title>
</head>
<body>
<div>This is pure HTML message.</div>
<div>Next, we’ll display today’s date and day using PHP!</div>

Tạo một tệp khác có tên là & nbsp; date.php & nbsp; và đặt mã sau trong đó.date.php and place the following code in it.

<?php echo "Hello World" ?>
0

Tạo thêm một tệp được gọi là & nbsp; day.php & nbsp; và đặt mã sau trong đó.day.php and place the following code in it.

<?php echo "Hello World" ?>
1

Lưu ý rằng chúng tôi đã bao gồm đường dẫn đến & nbsp; header.php & nbsp; ở đầu cả hai & nbsp; day.php & nbsp; và & nbsp; date.php. Đảm bảo rằng ba tệp nằm trong cùng một thư mục. Mở ra & nbsp; date.php & nbsp; trong trình duyệt bây giờ sẽ hiển thị cho bạn đầu ra sau.header.php at the top of both day.php and date.php. Make sure that the three files are in the same directory. Opening up date.php in the browser should now show you the following output.

Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?

Mở ra & nbsp; day.php & nbsp; sẽ hiển thị cho bạn đầu ra sau.day.php should show you the following output.

Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?

Như bạn có thể thấy, mã chúng tôi đặt bên trong & nbsp; header.php & nbsp; đã được bao gồm trong cả hai tệp của chúng tôi. Điều này làm cho phát triển web dễ dàng hơn nhiều khi bạn đang làm việc với rất nhiều tệp. Chỉ cần thực hiện các thay đổi ở một nơi, và chúng sẽ được phản ánh ở khắp mọi nơi.header.php was included in both our files. This makes web development much easier when you are working with a lot of files. Just make the changes in one place, and they will be reflected everywhere.

Sự kết luận

Hôm nay, chúng tôi đã thảo luận về cách bạn có thể trộn PHP và HTML để tạo HTML động. Chúng tôi đã thảo luận về các phương pháp khác nhau, với một số ví dụ để xem mọi thứ hoạt động như thế nào.

Các tập lệnh PHP tốt nhất trên Codecanyon

Khám phá hàng ngàn tập lệnh PHP hay nhất từng được tạo trên Codecanyon. Với khoản thanh toán một lần, chi phí thấp, bạn có thể mua một trong những tập lệnh PHP chất lượng cao này và cải thiện trải nghiệm trang web của bạn cho bạn và khách truy cập của bạn. & NBSP;

Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?
Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?

Dưới đây là một vài trong số các tập lệnh PHP bán chạy nhất và sắp tới có sẵn từ Codecanyon cho năm 2020.

Bạn có thấy bài đăng này hữu ích?

Hướng dẫn what is the use of php in html? - việc sử dụng php trong html là gì?

Kỹ sư phần mềm, FSPL, Ấn Độ

Tôi là một kỹ sư phần mềm chuyên nghiệp, và tôi đã thực hiện kỹ thuật khoa học máy tính.Đã khoảng 14 năm tôi đã làm việc trong lĩnh vực phát triển trang web và công nghệ nguồn mở.Chủ yếu, tôi làm việc trên các dự án và khung dựa trên PHP và MySQL.Trong số đó, tôi đã làm việc trên các khung web như Codeignitor, Symfony và Laravel.Ngoài ra, tôi cũng có cơ hội làm việc trên các hệ thống CMS khác nhau như Joomla, Drupal và WordPress và các hệ thống thương mại điện tử như Magento, Opencart, WooC Commerce và Drupal Commerce.Tôi cũng muốn tham dự các hội nghị công nghệ cộng đồng, và là một phần của điều đó, tôi đã tham dự Hội nghị Thế giới Joomla 2016 được tổ chức tại Bangalore (Ấn Độ) và 2018 Drupalcon được tổ chức tại Mumbai (Ấn Độ).Ngoài ra, tôi thích đi du lịch, khám phá những địa điểm mới và nghe nhạc!