PHPの配列の部分がHTMLで表示されない

度々の質問すみません。
PHPで配列を作り、HTML文の中で表示させるようにしたのですが、なぜか
表示されません。
どうすれば表示されるようになりますでしょうか？
特にエラーが出るわけでもないのでどうすればいいかわからない状態です。
ご回答宜しくお願いします。

bare.php

<?php
require_once('article.php');
require_once('data.php');
?>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"> 
        <title>asobube</title>
       
        <link rel="stylesheet"  href="css/stylesheet.css">
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    </head>
    <body>
        <div id="home" class="big-bg">
            <header>
                <div class="page-header wrapper">
                    <h1><a href="bare.html"><img class="logo" src="images/logo.png" alt="ダンスしてる人"></a></h1>
                    <nav>

                        <ul class="main-nav">
                            <li><a href="bare.html">ホーム</a></li>
                            <li><a href="#">講師プロフィール</a></li>
                            <li><a href="#">アクセス</a></li>
                            <li><a href="#">お問い合わせ</a></li>
                        </ul>

                    </nav>
                </div>
            </header>
            <!--ナビゲーションバーの作成-->
            <div class="nav-header wrapper">

                <ul class="sab-nav">
                    <li><a href="bare.html">ホーム</a></li>
                    <li><a href="#">講師プロフィール</a></li>
                    <li><a href="#">アクセス</a></li>
                    <li><a href="#">お問い合わせ</a></li>
                </ul>

            </div>
            <!--背景画像の挿入-->
            <div class="image">
                <h1><img class="background-image" src="images/image.jpg" alt="ダンスしてる人"></h1>
            </div>
            <!--サイドバーと記事部分の作成-->
            <div class="main-contents wrapper">
                <aside> 
                    <h3 class="box_title">お知らせ</h3>               
                    <div class="box_scrollbar">
                        <p>5/20　8月にバーベキューします！</p>
                        <p>5/20　12月にクリスマス会をします！</p>
                        <p>5/20　4月に花見をします！</p>    
                    </div>
                </aside>

                <article>
                <!--配列を作り文を挿入-->
                    <?php foreach($articles as $article): ?>
                        <div class="menu-item">
                            <h3 <?php echo $article->getTitle() ?>>
                            <a href="<?php echo $article->getUrl() ?>"></a>
                        </div>
                    <?php endforeach ?>  
                </article>   
            </div>
            
            <footer>
                <div class="wrapper">
                    <h3>使用例</h3>
                    <ul>
                        <li>女子会</li>
                        <li>クリスマス会</li>
                        <li>映画鑑賞会</li>
                    </ul>
                </div>
            </footer>            
        </div><!--/#home-->    
    </body>
</html>

article.php

<?php
class Article {
    protected $title;
    protected $url;

    public function __construct($title,$url) {
        $this->title =$title;
        $this->url =$url;
    }

    public function getTitle() {
        return $this->title;
    }

    public function getUrl() {
        return $this->url;
    }

}

?>

data.php

    <?php
    require_once('article.php');

    $article1 = new Article("初めまして","https://teratail.com/questions/81233");
    $article2 = new Article("お久しぶりです","https://www.sejuku.net/blog/30680");

    $articles = array($article1,$article2);


    ?>

行動規範の内容に同意します

回答2件

ブラウザから出力されたHTMLソースを表示すると見えることもあるかと思います。
いきなりPHPからHTMLを作るのではなく、先に静的HTMLでレイアウトを組んで出来上がってからその形をPHPで作るのがセオリーです。「モック」と呼ばれます。

投稿2020/06/02 22:43

編集2020/06/02 22:47

m.ts10806

総合スコア80875

takochi

2020/06/03 03:37

調べてみたところ、caccoなど色々なツールがあることが学べました。ありがとうございます。

m.ts10806

2020/06/03 04:08

ん？単にブラウザから「ソースを表示」して確認するだけでは？本来辿るべき手順でやってなかったら同じミスしますよ。ブラウザから確認するならHTMLを正しく組むこと。これを忘れてはWebできません。

takochi

2020/06/03 04:18

すみません。ワイヤーフレームを最初に作ってから作成し始める話だと勘違いしてました。ブラウザのソースを表示すると反映されてない部分がわかることもあると言う認識で間違いないでしょうか？

m.ts10806

2020/06/03 04:35

>ワイヤーフレームを最初に作ってから作成し始める話だと勘違いしてました。モックのことであればその通りですが、別にHTMLが組めればいいですし、必要なのは見た目ではなくHTMLのソースコードなので。 >ブラウザのソースを表示すると反映されてない部分がわかることもあると言う認識で間違いないでしょうか？ちょっと表現に怪しいところがあるので、正しくすると。「ブラウザの画面で出てくるのはHTMLソースを解析した結果のレイアウトで、PHPから出力した内容はHTMLソースを見て確認するのは必須」です。見た目で分かることはほとんどないです。PHPからすれば単にそういう羅列の文字列を出力しているだけなので、「正しいHTMLソースになっているか」はブラウザの画面からはわからない。なので、出力されたHTMLソースを別途確認する必要があるということです。

takochi

2020/06/03 08:01

ブラウザのHTMLソースを都度確認するようにします。画面からはわからないからソースを確認しなくてはならないと勉強になりました。分かりやすいように詳しく教えて頂きありがとうございます！自分でも調べて更に理解を深めようと思います。

行動規範の内容に同意します

ベストアンサー

HTML
1<h3 class="box_title">お知らせ</h3>

HTML
1<h3 <?php echo $article->getTitle() ?>>

投稿2020/06/02 22:45

javahack

総合スコア1088

takochi

2020/06/03 03:34

指摘された箇所を直したら表示されました。ありがとうございます。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

PHPの配列の部分がHTMLで表示されない

関連した質問