2012-05-03 5 views
7

जोड़ने के लिए मैं एक लेआउट पेज thuslyMVC3 - 'तत्व' क्लिक लिंक '' 'तत्व के भीतर नेस्ट नहीं किया जा सकता' - पेज विशिष्ट सीएसएस

<!DOCTYPE html> 
<html> 
<head> 
    <title>@ViewBag.Title</title> 
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script> 
    <link href="@Url.Content("~/content/main_layout.css")" rel="stylesheet" type="text/css" /> 
    <link href="@Url.Content("~/content/menu.css")" rel="stylesheet" type="text/css" /> 
    @RenderSection("JS", required:false) 
    @RenderSection("CSS", required:false) 
</head> 
<body> 
    @RenderBody() 
</body> 
</html> 

और फिर तो

@{ 
    ViewBag.Title = "Home"; 
    Layout = "~/views/shared/_layout.cshtml"; 
} 
@using RS.Common.HtmlHelpers; 
@section JS 
{ 
    <script src="@Url.Content("~/scripts/fue.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/scripts/jquery.flexslider-min.js")" type="text/javascript"></script> 
} 
@section CSS 
{ 
    <link href="@Url.Content("~/content/hp.css")" rel="stylesheet" type="text/css" /> 
    <link href="@Url.Content("~/content/hp_form.css")" rel="stylesheet" type="text/css" /> 
    <link href="@Url.Content("~/content/flexslider.css")" rel="stylesheet" type="text/css" /> 
} 

<h4>Test!</h4> 
की तरह एक दृश्य है की कोशिश कर रहा

पृष्ठ की अपेक्षा ठीक है क्योंकि मैं अपेक्षा करता हूं।

Validation (XHTML 1.0 Transitional): Element 'link' cannot be nested within element 'link' 

यह त्रुटि, दृश्य पर सीएसएस अनुभाग में टैग से प्रत्येक के लिए एक: लेकिन, मैं 3 चेतावनी हो रही है।

यह वास्तव में इस चरण में एक परेशानी है, लेकिन मुझे आश्चर्य हुआ कि इस त्रुटि के कारण क्या कारण (और इस प्रकार समाधान) हो सकता है?

उत्तर

9

आपने एचटीएमएल 5 DOCTYPE निर्दिष्ट किया है और अभी तक XHTML 1.0 Transitional के रूप में सत्यापित करने का प्रयास कर रहा है। मुझे लगता है कि अंतिम गाया एचटीएमएल इस तरह दिखता है:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Home</title> 
    <script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
    <link href="/content/main_layout.css" rel="stylesheet" type="text/css" /> 
    <link href="/content/menu.css" rel="stylesheet" type="text/css" /> 

    <script src="/scripts/fue.js" type="text/javascript"></script> 
    <script src="/scripts/jquery.flexslider-min.js" type="text/javascript"></script> 

    <link href="/content/hp.css" rel="stylesheet" type="text/css" /> 
    <link href="/content/hp_form.css" rel="stylesheet" type="text/css" /> 
    <link href="/content/flexslider.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <h4>Test!</h4> 
</body> 
</html> 

आप अपने लेआउट में दो RenderSection के आदेश को पलट करने के लिए, ताकि लिंक और लिपियों साथ रखे जाते हैं चाहते हो सकता है।

इस तरह

:: या तो आप पृष्ठ के अंत करने के लिए स्क्रिप्ट घोषणाओं ले जाने पर विचार हो सकता है

<!DOCTYPE html> 
<html> 
<head> 
    <title>@ViewBag.Title</title> 
    <link href="@Url.Content("~/content/main_layout.css")" rel="stylesheet" type="text/css" /> 
    <link href="@Url.Content("~/content/menu.css")" rel="stylesheet" type="text/css" /> 
    @RenderSection("CSS", required:false) 
</head> 
<body> 
    @RenderBody() 

    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script> 
    @RenderSection("JS", required:false) 
</body> 
</html> 
+0

कि वास्तव में कारण है और लेआउट भी अधिक स्पष्ट लग रहा है। फिर से धन्यवाद डारिन। – glosrob

संबंधित मुद्दे