html5+css3pc端固定布局,大纲算法,section和div,结构分析 一．大纲算法 在HTML5中有一个很重要的概念,叫做HTML5 大纲算法(HTML5Outliner),它的用途是为用户提供一份页面的信息结构目录.比如我们经常使用的手册就是一个非常好的大纲结构: 测试工具:https://gsnedders.html5.org/outliner/ 这个工具可以上传本地html文件,也可以填写URL,或者直接在多行文本框上编写HTML5代码均可了解大纲. 通过我们将上一节课的代码编写…

section和div 一.DIV div即division(区块),把文档分割为独立的.不同的部份.作用,以下三种情况应该用div标签: 1.用于页面布局,且不是 header.footer 之类的专属区域. 2.单纯的对一个段内容进行 CSS 样式定义. 3.对一段内容进行 JS 控制.. 二.SECTION 1.section在html5中并不是用来取代 div 的.它是具有语义的文档标签.表示一段文档中的章节,比如包含一个标题和一个段落,而大纲规范中,至少要包含一个标题. 2.secti…

div元素 div是块级元素,相当于一个容器,在语义上不代表任何特定类型的内容.主要用作大的框架布局,也就是说网页的骨架主要通过div来架设的,而网页的血肉则是有span.p或者ul等元素完成. section元素 <section>标签是HTML5新增的语义化标签,代表文档中的"节"或"段"."段"可以是指一篇文章里按照主题的分段:"节"可以是指一个页面里的分组.主要作用为对页面的内容进行分块或者对文章的内容进行…

概括的讲,View中的内容可以分为静态和动态两部分.静态内容一般是html元素,而动态内容指的是在应用程序运行的时候动态创建的内容.给View添加动态内容的方式可归纳为下面几种: Inline code,小的代码片段,如 if 和 foreach 语句. Html helper方法,用来生成单个或多个HTML元素,如view model.ViewBag等. Section,在指定的位置插入创建好的一部分内容. Partial view,存在于一个单独的视图文件中,作为子内容可在多个视图中共享.…

header header元素是一种具有引导和导航作用的辅助元素.通常,header元素可以包含一个区块的标题(如h1至h6,或者hgroup元素标签),但也可以包含其他内容,例如数据表格.搜索表单或相关的logo图片. 我们可以使用该元素来写整个页面的标题部分: <header> <h1>The most important heading on this page</h1> </header> 同一个页面中,每一个内容区块都可以有自己的<heade…

本文转自:http://www.cnblogs.com/willick/p/3410855.html 概括的讲,View中的内容可以分为静态和动态两部分.静态内容一般是html元素,而动态内容指的是在应用程序运行的时候动态创建的内容.给View添加动态内容的方式可归纳为下面几种: Inline code,小的代码片段,如 if 和 foreach 语句. Html helper方法,用来生成单个或多个HTML元素,如view model.ViewBag等. Section,在指定的位置插入创建好…

转自 http://www.studyofnet.com/news/331.html 本文导读:<section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分.section元素标签用来表现普通的文档内容或应用区块.一个section通常由内容及其标题组成,但section元素标签并非一个普通的容器元素:当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div元素而非section. section 字面上理解为“块”,“部分”,section元…

用bootsrap响应式布局的时候,遇到个很恶心的问题:左边栏很短很难看!! 于是,想用js来自动改变左边的高度,没成功!!原来是设置的时候,没加单位,坑爹了. 参考:http://blog.sina.com.cn/s/blog_3d8c704c0101145y.html 设置高度的时候,加上px <script> function load(){ var height = window.innerHeight; document.getElementById("sidebarOut…

概括的讲,View中的内容可以分为静态和动态两部分.静态内容一般是html元素,而动态内容指的是在应用程序运行的时候动态创建的内容.给View添加动态内容的方式可归纳为下面几种: Inline code,小的代码片段,如 if 和 foreach 语句. Html helper方法,用来生成单个或多个HTML元素,如view model.ViewBag等. Section,在指定的位置插入创建好的一部分内容. Partial view,存在于一个单独的视图文件中,作为子内容可在多个视图中共享.…

@RenderSection("Header")   @section Header { <div class="view"> @foreach (string str in new [] {"Home", "List", "Edit"}) { @Html.ActionLink(str, str, null, new { style = "margin: 5px" })  …