web-dev-qa-db-ja.com

[ファイル]> [新しいMVC 3プロジェクト]の新しい[HTML5セマンティックマークアップを使用]オプション

数日前、私は ASP.NET MVC 3 Tools Update をVisual Studio 2010にインストールしました。

たった今、新しいASP.NET MVC 3アプリケーションを作成しに行ったところ、New ASP.NET MVC 3 Projectダイアログに新しいオプションがあることがわかりました。

hTML5セマンティックマークアップを使用する

このチェックボックスを選択すると、文字通り明白なものを除いて、新しく作成したアプリで選択しない場合と比較して、何が変わりますか？
古いブラウザとの互換性を維持するためだけに、いつ絶対に使用しないでしょうか？

html5visual-studio-2010asp.net-mvc-3visual-studiotooling
68
Sergi Papaseit

_Layout.cshtmlを見てください。 <header>や<section>などのHTML5タグに気付くでしょう。また、プロジェクトへの modernizr javascriptプラグインも含まれています。

古いブラウザとの互換性を維持するためだけに、絶対に使用したくない場合はいつですか？

HTML5固有のタグを使用したくない場合。とにかく、これは単なるチェックボックスであり、必要に応じていつでも変更できるデフォルトのマークアップを生成します。そのため、後で元に戻すことができないものに没頭しているわけではありません。新しいプロジェクトを開始する場合は、先に進んで確認してください:-)

56
Darin Dimitrov

答えは、選択するプロジェクトテンプレートによって多少異なります。 （空、インターネットアプリケーション、またはイントラネットアプリケーション）

Emptyを選択すると、チェックボックスにより、_Layout.cshtmlの<head>セクションに次の2行が追加されます。

<meta charset="utf-8" />
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")"
    type="text/javascript"></script>

InternetまたはIntranetApplicationを選択すると、2つに加えて上記の行では、以下に示す_Layout.cshtmlマークアップでdivの代わりにHTML5セマンティックマークアップタグが表示されます。

HTML5 Box Checked vs. Not Checked

<header>              <div id="header">
<nav>                 <div id="menucontainer">
<section id="main">   <div id="main">
<footer>              <div id="footer">

確認しない理由はありませんが、実際には問題ではありません。 Darinが述べたように、チェックボックスの値は、どのマークアップを生成するかを決定するためのものです。値はプロジェクトに保存されません。

詳細については、Scott Guのブログ投稿をご覧ください。 ASP.NET MVC 3ツールアップデートによるHTML5の改善

40
James Lawruk

チェックボックスは、Modernizrをビューに含めることを指示します。チェックされていない場合と異なるものはないと思います。

1
Kris Ivanov