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

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

ただいまの
回答率

89.12%

html bodyタグについて

受付中

回答 1

投稿 編集

  • 評価
  • クリップ 2
  • VIEW 183

tamao

score 0

イメージ説明ボールドテキスト### 前提・実現したいこと

sublimetextを使用していて、html、bodyのタグが左に?がついていて多分未完成状態になっていると思います。
どのようにしたらhtml、bodyの左に?がつかなくなるのでしょうか

どなたかご教授お願いいたします。
![イメージ説明](9d003040e9d59c24105ee4623b2f6467.png)
イメージ説明

発生している問題・エラーメッセージイメージ説明

html、bodyに?が出る
未完結状態

該当のソースコード

<!DOCTYPE html>

<html lang="ja">
<head>
  <meta charset="utf-8">
  <link href="https://use.fontawesome.com/releases/v5.8.0/css/all.css" rel="stylesheet">
  <title>出張-Airbnb</title>
  <link href="Airbnb.css" rel="stylesheet" type="text/css">
   <link href="Airbnb.responsive.css" rel="stylesheet" type="text/css">
  <!-- Bootstrap CSS -->
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">

  <!-- viewport meta -->
  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
</head>

<body>

  <div class="community">
    <div class="container">
      <div class="row">
        <div class="col-xl-5 .col-sm-12"><img src="comfort_home.59ad50c8.jpg" alt="image">
        </div>


        <div class="col-xl-7 .col-sm-12 community-first">
          <div class="c-text">
            <h3>出張先でも、アットホーム</h3>


            <p>出張の時も、新天地の言うの時も安心、他の出張者が5つ星評価を付けたお部屋やデザイナーズホテルを探しましょう。</p>
            <a href="#">仕事用のスペースを完備して宿泊先を検索<i class="fas fa-chevron-right"></i></a>
          </div>
        </div>
      </div>


      <div class="row">
        <div class="col-xl-7 .col-sm-12 community-second">
          <div class="c-text">
            <h3>チームの心を一つに</h3>


            <p>ラーメン作り教室やカヌーレッスンに参加。普段オフィスでは目にできない同僚たちの意外な面に触れ、深いレベルでつながれます。</p>
            <a href="#">Airbnbの「体験」を検索<i class="fas fa-chevron-right"></i></a>
          </div>
        </div>


        <div class="col-xl-5 .col-sm-12"><img src="team_building_made_easy.c9d2a84f.jpg" alt="image">
        </div>
      </div>


      <div class="row">
        <div class="col-xl-5 .col-sm-12"><img src="creativity.739950af.jpg" alt="image">
        </div>


        <div class="col-xl-7 .col-sm-12 community-third">
          <div class="c-text">
            <h3>創造力をかきたてるスペース</h3>


            <p>煮詰まったら1日オフサイトで気分を変えてみませんか?ひらめきがわく環境で、チームの生産性を高めましょう。</p>
            <a href="#">Wi-Fi完備の宿泊先を見る<i class="fas fa-chevron-right"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="specification">
    <div class="container">
      <div class="row">
        <div class=" col-xl-4 .col-md-12 safety">
          <h2>安全第一のシステム</h2>


          <p>セキュアの支払いシステムから経験者のレビューで、Airbnbは安全中心のシステムです。</p>
          <a href="#">もっと詳しく<i class="fas fa-chevron-right"></i></a>
        </div>


        <div class=" col-xl-4 .col-md-12 grobal">
          <h2>グローバルカスタマ―サポート</h2>


          <p>専門スタッフが、年中無休で運営時間内に11言語でサポートいたします。</p>
          <a href="#">もっと詳しく<i class="fas fa-chevron-right"></i></a>
        </div>
      </div>
    </div>
  </div>


  <div class="example">
    <div class="container">
      <div class="row">
        <div class="col-xl-6 .col-sm-12"><img src="quote_image.c1dba850.jpg" alt="image">
        </div>


        <div class="col-xl-6 .col-sm-12 ml-auto">
          <div class="example-text">
            <p class="example-main-text">「Airbnbは自生できるのがいいですね。毎晩外食しなくても、みんなで好きなものを料理できるし、とても出張と思えまないほど現地に根を下ろせます」</p>


            <h3>MARTA KUTT様</h3>


            <p class="example-company">Transferwise社マネイジャー</p>
          </div>
        </div>
      </div>
    </div>
  </div>




  <div class="listing">
    <div class="company">
      <h4>起業情報</h4>
      <a href="#">ダイバーシティー&ビロンギング</a> <a href="#">アクセシビリティ対応</a> <a href="#">信頼&安全</a> <a href="#">Airbnb Citizen</a> <a href="#">オリンピック</a> <a href="#">ニュースルーム</a>
    </div>


    <div class="community">
      <h4>コミュニティ</h4>
      <a href="#">Airbnb Magazine</a> <a href="#">Airbnb アソシエイト</a> <a href="#">Airbnbビジネスプログラミング</a> <a href="#">お友達を招待</a> <a href="#">採用情報</a>
    </div>


    <div class="footer-host">
      <h4>ホスト</h4>
      <a href="#">お部屋を掲載</a> <a href="#">オンライン体験をホスティングしよう</a> <a href="#">CEOブライアン・チェスキーからのメッセージ</a> <a href="#">責任あるホスティング</a> <a href="#">オーブンホーム</a> <a href="#">リソースセンター</a> <a href="#">コミュニティーセンター</a>
    </div>


    <div class="support">
      <h4>サポート</h4>
      <a href="#">新型コロナウイルスに関する最新情報</a> <a href="#">ヘルプセンター</a> <a href="#">キャンセルオプション</a> <a href="#">近隣コミュニティサポート</a>
    </div>
  </div>


  <div class="copy-right">
    <div class="copyleft">
      <a href="#">Airbnb Global Services Limited<br>
      観光庁長官(01)第S0001号(2018年6月15日-2023年6月14日)</a>

      <p>© 2020 Airbnb, Inc. All rights reserved<span></span> <a href="#">プライバシー</a><span></span> <a href="#">利用規約</a><span></span> <a href="#">サイトマップ</a><span></span> <a href="#">企業情報</a></p>
    </div>


    <div class="copy-right-moeny">
      <a class="lg-ja" href="#"><span class="fas fa-globe"></span>日本語(JP)</a> <a href="#"><span class="fas fa-yen-sign"></span>JPY</a>
    </div>


    <div class="copy-right-sns">
      <i class="fab fa-facebook-f"></i> <i class="fab fa-twitter"></i> <i class="fab fa-instagram"></i>
    </div>
  </div>
  <!-- jQuery、Popper.js、Bootstrap JS -->
  <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js">
  </script> 
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js">
  </script> 
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js">
  </script>

</body>
</html>

試したこと

Another HTML-lintで構文をチェック
しかし、タグの締め忘れなどなし

ひと固まりのdivタグをなくすと正常に機能します。
最小のコードにしました。(少し長くなってしまいました)

補足情報(FW/ツールのバージョンなど)

html5 sublimetext3

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • miyabi_takatsuk

    2020/06/30 20:36

    > phplint

    それ、大ヒントですね。
    そのHTML、右下の言語指定がPHPになってませんか?

    キャンセル

  • tamao

    2020/06/30 22:08

    言語指定 HTMLになっています。
    言語選択で単一のHTMLじゃないのを選ぶということでしょうか?

    キャンセル

  • miyabi_takatsuk

    2020/07/01 12:00

    なんと・・・。
    phplintの設定で、HTMLコードも対象になっちゃってる、とかありませんか?

    キャンセル

回答 1

0

追加情報ありがとうございます。
SublimeLinterというプラグインが出している表示っぽいですね。

私はこのプラグインを使っていないので詳細まではわかりませんが…
少し調べてみたところ、メッセージに表示されているような、言語毎のLinterプラグインを別途インストールする必要がありそうですね。

  • SublimeLinter-html-tidy
  • SublimeLinter-php(こちらはPHP用なので不要かも?)

少し古い記事になりますが、日本語の解説だと以下が分かりやすそうでした。

こちらを参考にSublimeLinterの使い方を確認すれば、表題の問題も解決するのではないかと思います。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/07/01 11:51

    回答ありがとうございます。
    サイトからダウンロードするとエラーがでしまいます。(質問欄に画像があります)
    調べましたが、わかりません。

    キャンセル

  • 2020/07/01 16:08

    「ブラウザに表示して想定の結果なら問題なしとする」でもいいかもしれません。
    フリーのツール故、変なところで引っ掛かることは他のツールでもよくあります。
    目的はあくまでブラウザ表示なので、ツールの警告は無視するというのもありかもしれません。
    再起動試しても解決しないならスルーでどうでしょう。

    キャンセル

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

  • ただいまの回答率 89.12%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる