Cách bao gồm html trong php?

Chào mừng bạn đến với bài viết này về cách sử dụng PHP trong HTML. Ở đây, chúng tôi cố gắng tìm hiểu cụ thể về cách tương tác chính xác của PHP và HTML, ở cấp độ của một tệp

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
4 cụ thể. Nói cách khác, làm thế nào để bạn thực sự đưa PHP vào HTML, và những quy tắc nào bạn có thể và không thể tuân theo khi kết hợp PHP và HTML với nhau?

Bài viết này là một phần trong loạt bài của chúng tôi giải thích những điều cơ bản về PHP để phát triển WordPress và dựa trên kiến ​​thức từ hai bài viết trước

  1. PHP 
    <!-- Filename: index.html -->
    <h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
    5.
    <!-- Filename: index.html -->
    <h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
    5 là cách PHP xuất mọi thứ ra trang. Đối với mục đích của bài viết này, về cơ bản, đó là nút “biến cái này thành HTML” của PHP
  2. hàm PHP. Các hàm là các đơn vị công việc chỉ chạy khi chúng được gọi (được gọi) và bài viết này sẽ tìm hiểu xem ý nghĩa của “luồng điều khiển” ảnh hưởng đến đầu ra HTML thực sự được gửi tới trình duyệt như thế nào

Như một lưu ý cuối cùng. để tìm hiểu những gì hiệu quả và không hiệu quả khi sử dụng PHP trong HTML, các ví dụ cụ thể sẽ hữu ích hơn lý thuyết. Vì vậy, phần lớn bài viết này là các ví dụ về cách sử dụng phù hợp của PHP trong HTML, với các nhận xét cho từng ví dụ mã

Cách đưa PHP vào HTML. Các loại tệp và các cân nhắc khác

Theo mặc định, bạn không thể sử dụng PHP trong các tệp HTML, nghĩa là các tệp kết thúc bằng

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
7

Điều đầu tiên cần biết là theo mặc định, bạn không thể sử dụng PHP trong các tệp HTML, nghĩa là các tệp kết thúc bằng

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
7. Có thể định cấu hình máy chủ của bạn để cho phép PHP trong các tệp
<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
7, nhưng điều đó nằm ngoài phạm vi của chúng tôi—vì vậy hiện tại, chỉ cần nhớ rằng, nếu bạn muốn viết PHP, bạn muốn làm việc với các tệp
<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
4

Trong môi trường WordPress, điều đó phần lớn được quan tâm. toàn bộ WordPress dựa trên PHP, vì vậy bạn sẽ rất thường xuyên làm việc với các tệp

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
4 và hầu như không bao giờ với các tệp
<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
7

Không có gì về tệp

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
4 làm cho tệp vốn dĩ “khác” so với tệp
<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
7, ngoại trừ việc nó có thể chạy PHP

Một điều khác bạn nên biết là điều này. tệp

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
4 có thể chạy chính xác như tệp
<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
7, hoàn toàn không có PHP. Nói cách khác, không có gì về tệp
<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
4 làm cho tệp vốn dĩ “khác biệt” so với tệp
<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
7, ngoại trừ việc nó có thể chạy PHP

Một vài ví dụ về mã sẽ làm rõ hơn ý của chúng tôi về điều này

Cách <!-- Filename: index.html --> <h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>7 Tệp phản hồi với HTML và PHP

Hãy tưởng tượng chúng ta có một tệp,

<!-- Filename: index.php -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
0, có nội dung sau

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1>

Truy cập tệp

<!-- Filename: index.php -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
0 này trong trình duyệt web của bạn sẽ cung cấp cho bạn kết quả sau.
<!-- Filename: index.php -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
2

Bây giờ điều gì sẽ xảy ra nếu chúng ta thêm phần sau vào

<!-- Filename: index.php -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
0

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>

Truy cập tệp

<!-- Filename: index.php -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
0 này trong trình duyệt web của bạn sẽ cung cấp cho bạn kết quả sau.
<!-- Filename: index.php -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
5 Chắc chắn không phải điều chúng ta muốn. Vấn đề là, theo mặc định, các tệp HTML không "nói" PHP

Cách <!-- Filename: index.html --> <h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>4 Tệp phản hồi với HTML và PHP

Bây giờ, điều gì sẽ xảy ra nếu chúng ta chỉ đổi tên

<!-- Filename: index.php -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
0 thành
<!-- Filename: index.php -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
8 và chạy lại cả hai ví dụ?

<!-- Filename: index.php -->
<h1>I am HTML markup.</h1>

Điều này sẽ xuất ra

<!-- Filename: index.php -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
2, chính xác như trước đây. Nói cách khác, thực sự không cần phải viết PHP vào các tệp
<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
4. Các tệp PHP xử lý HTML đơn giản tốt

Đây là ví dụ thứ hai

<!-- Filename: index.php -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>

Điều này sẽ xuất HTML sạch sau đây.

<div><?php echo 'Hello'; ?></div>
1

Ví dụ này chứng minh rằng các tệp PHP (nghĩa là các tệp

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
4) có thể tự động diễn giải mã PHP—bất kỳ thứ gì bên trong thẻ
<div><?php echo 'Hello'; ?></div>
3—và chuyển kết quả đầu ra thành HTML

Sử dụng cơ bản PHP trong HTML

Dưới đây là những điều cơ bản về cách đưa PHP vào HTML. Điều này dựa trên kiến ​​thức về câu lệnh

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
5 của PHP, mà chúng tôi đã đề cập trong bài viết trước

In nội dung HTML bằng PHP's <!-- Filename: index.html --> <h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>5

Để xuất nội dung HTML trong PHP,

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
5 nó

<div><?php echo 'Hello'; ?></div>

Đầu ra cho trình duyệt sẽ là.

<div><?php echo 'Hello'; ?></div>
7

Xuất các thẻ HTML bằng PHP

Bạn có thể sử dụng PHP để xuất các thẻ HTML vào phần đánh dấu của trang

<div><?php echo '<p>Hello</p>'; ?></div>

Đầu ra cho trình duyệt sẽ là.

<div><?php echo 'Hello'; ?></div>
8

Sử dụng các thẻ HTML bên trong PHP

PHP có thể đi đến mọi nơi, bao gồm cả khai báo thẻ HTML bên trong và bao gồm cả dấu ngoặc kép bên trong (

<div><?php echo 'Hello'; ?></div>
9)

<div class="<?php echo 'big-element'; ?>">Hello</div>

Đầu ra cho trình duyệt sẽ là.

<div><?php echo '<p>Hello</p>'; ?></div>
0

Chi tiết về Mở và Đóng Thẻ PHP trong HTML

Phần này dựa trên sự hiểu biết cơ bản về các hàm PHP, mà chúng tôi đã đề cập trong một bài viết trước đó

Mở và đóng thẻ PHP

Bạn có thể trao đổi giữa HTML và PHP bất kỳ lúc nào bằng cách mở (

<div><?php echo '<p>Hello</p>'; ?></div>
1) và đóng (
<div><?php echo '<p>Hello</p>'; ?></div>
2) thẻ PHP

<?php echo '<p>I came from PHP.</p>' ?><p>And I came from HTML.</p><?php echo '<p>Back to PHP and '; ?>now HTML.</p>

Đầu ra cho trình duyệt sẽ là.

<div><?php echo '<p>Hello</p>'; ?></div>
3

Ngắt dòng trong mã PHP

Ngắt dòng (cũng như khoảng trắng và thụt đầu dòng) có thể hoạt động theo bất kỳ cách nào trong thẻ PHP

<?php

echo '<p>I am PHP.</p>';

echo '<p>Still PHP.</p>';

?><p>Now HTML.</p>

Đầu ra cho trình duyệt sẽ là.

<div><?php echo '<p>Hello</p>'; ?></div>
4

Toán tử HTML bên trong PHP

HTML có thể đi vào bên trong tất cả các loại toán tử PHP–chẳng hạn như câu lệnh và hàm

<div><?php echo '<p>Hello</p>'; ?></div>
5 và sẽ chỉ in ra như
<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
5 khi các dòng mã có liên quan được chạy

<?php function print_greeting() { ?>
	<p>HTML output from inside function.</p>
<?php } ?>

<?php print_greeting(); ?>

Đầu ra cho trình duyệt sẽ là

<div><?php echo '<p>Hello</p>'; ?></div>
7

Bạn có thể đóng thẻ PHP và hoàn nguyên về HTML đơn giản, bên trong định nghĩa hàm, câu lệnh

<div><?php echo '<p>Hello</p>'; ?></div>
5 hoặc toán tử PHP khác

Một cách khác để mô tả ví dụ về mã này là lưu ý rằng bạn có thể đóng thẻ PHP và hoàn nguyên về HTML thuần túy, bên trong định nghĩa hàm, câu lệnh

<div><?php echo '<p>Hello</p>'; ?></div>
5 hoặc toán tử PHP khác

Những dòng HTML đó sẽ in ra trang khi chúng được thực thi, điều này phụ thuộc vào luồng điều khiển của logic PHP trên trang

Tuyên bố từ các thẻ <div><?php echo 'Hello'; ?></div>3 trước đó vẫn được lưu trữ

PHP sẽ ghi nhớ các biến, hàm và các khai báo khác từ các thẻ PHP đã mở và đóng trước đó ở vị trí cao hơn trên trang

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
0

Đầu ra cho trình duyệt sẽ là.

<div class="<?php echo 'big-element'; ?>">Hello</div>
1

Kiểm soát đầu ra HTML với toán tử PHP

PHP có thể kiểm soát luồng logic trên trang, thay đổi đầu ra

Lặp lại đầu ra HTML bằng vòng lặp <div class="<?php echo 'big-element'; ?>">Hello</div>2

Đây là một ví dụ lặp lại (lặp lại) đầu ra HTML bằng cách sử dụng vòng lặp PHP

<div class="<?php echo 'big-element'; ?>">Hello</div>
2

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
1

Đầu ra cho trình duyệt sẽ là.

<div class="<?php echo 'big-element'; ?>">Hello</div>
4

Chèn các giá trị động vào HTML bằng PHP

Chèn giá trị động—giá trị không được xác định trước, nhưng thay đổi dưới dạng biến—vào HTML bằng cách sử dụng vòng lặp PHP

<div class="<?php echo 'big-element'; ?>">Hello</div>
2

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
2

Đầu ra cho trình duyệt sẽ là.

<div class="<?php echo 'big-element'; ?>">Hello</div>
6

Mẫu cơ bản này—đầu ra HTML động trong vòng lặp PHP

<div class="<?php echo 'big-element'; ?>">Hello</div>
7—được chia sẻ bởi công cụ nội dung của WordPress, Vòng lặp

Kiểm soát đầu ra HTML bằng PHP Điều kiện

Bạn có thể kiểm soát đầu ra HTML bằng cách sử dụng điều kiện PHP (_______39_______5-câu lệnh)

<!-- Filename: index.html -->
<h1>I am HTML markup.</h1><?php echo '<p>And I am PHP.</p>'; ?>
3

Đầu ra cho trình duyệt sẽ là.

<div class="<?php echo 'big-element'; ?>">Hello</div>
9

Trong ví dụ trên, chúng tôi đã hỏi hai điều, một điều luôn đúng và một điều luôn sai

  1. “1 có bằng 1 không?” . )
  2. “1 có bằng 2 không?” . )

Và đó là tài liệu hướng dẫn PHP-in-HTML của chúng tôi

Hy vọng rằng những ví dụ mã này đã giúp bạn hiểu rõ về một số điều cơ bản về cách thêm PHP vào HTML và cách PHP và HTML tương tác trong thực tế

Làm cách nào để đưa HTML vào mã PHP?

Bạn có thể mở thẻ PHP bằng ??????????????????????????????????????????????????????????????????????????????????????? php , bây giờ hãy thêm mã PHP của bạn, sau đó đóng thẻ bằng ?> rồi viết . Khi cần thêm nhiều PHP hơn, chỉ cần mở một thẻ PHP khác bằng ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . ? . . When needed to add more PHP, just open another PHP tag with

Chúng ta có thể thêm HTML vào PHP không?

Mặc dù HTML và PHP là hai ngôn ngữ lập trình riêng biệt nhưng bạn có thể muốn sử dụng cả hai ngôn ngữ này trên cùng một trang để tận dụng lợi thế mà cả hai mang lại. Với một hoặc cả hai phương pháp này, bạn có thể dễ dàng nhúng mã HTML vào các trang PHP của mình để định dạng chúng đẹp hơn và làm cho chúng thân thiện hơn với người dùng .