网页编排规则

所谓大纲,简单来说就是文档中各内容区块的结构编排。可以分为显式编排和隐式编排2种方式。

显式编排:明确使用section元素创建文档结构,在每个内容区块内使用标题

隐式编排:不明确使用section等元素,根据页面中所书写的各级标题等把内容区块自动创建出来。

隐式编排容易让自动生成的整个文档结构和想要的文档结构不一样,而且也容易引起文档结构的混乱,因此需要尽量使用显示编排。

不同的内容区块可以使用相同级别的标题。

HTML5结构---大纲编排的结构
1.显示编排内容区域块,明确使用section等元素创建文档结构
2.隐式编排内容区域块,不明确使用,更具需求
3.标题分级,下级区域块&新区域块
4.不同区域块可以使用相同级别的标题

 标题分级

不同的标题有不同的级别,h1的级别最高,h6的级别最低。隐式编排时按如下规则自动生成内容区块:

如果新出现的标题比上一个标题级别低,生成下级内容区块。

如果新出现的标题比上一个标题级别高或级别相等,生成新的内容区块。

不同的内容区块可以使用相同级别的标题

另外,不同的内容区块可以使用相同级别的标题。例如,父内容区块与子内容区块可以使用相同级别的标题h1。这样做的好处是:每个级别的标题都可以单独设计,如果既需要“整个网页的标题”,又需要“文章的标题”(譬如书写文档时),这样做将会带来很大的便利性.

时间: 2024-10-21 02:43:18

网页编排规则的相关文章

网页开发规则的一点心得

1.script文件放在body标签最后,script默认是 type="text/javascript",所以可以省略 2.css文件也要提取出来单独放在一个.css文件中用<link rel="stylesheet"  href="file address"  media="screen">引入文件中 3.建立scripts文件夹,用于放置脚本文件 4.建立css文件夹用于放置css文件 5.建立image文件

html5之网页编排

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网页编排实例</title> </head><body> <header> <h1>标题1</h1> <nav> <ul> <li><a href="

HTML5基本元素初探

最近看了一些HTML5的基础知识,写了一些小案例,记录一下,方便查找. 1.新建的HTML5页面中显著的变化是:DOCTYPE声明变简洁(<!DOCTYPE html>) / <meta content="charset=utf-8"/> 2.新增的元素: 结构元素: section(要存在一个标题,分段时使用) article(整块使用) aside header hgroup footer address nav(可在一个页面中多处使用,不要用menu标签代

《Web前端笔记2.10-2.11》 HTML5 新增的结构元素

课程背景: 在 HTML5 中,为了使文档的结构更加清晰明确,追加了几个与页眉.页脚.内容区块等文档结构相关联的元素. 核心内容:1.Article2.Section3.Nav4.Aside5.Time6.Pubdate 7. header 元素8. footer 元素9. hgroup 元素10. address 元素 article 元素 article 元素代表文档,页面或应用程序中独立的.完整的.可以独自被外部引用的内容. section 元素 本课时讲解 HMTL5 新增的主体结构元素

极客学院Web前端开发技术实战视频教程 初级入门+高级实战++专家课程+面试指导

===============课程目录=============== ├<初级中级>│  ├<1. HTML5开发前准备>│  │  ├1.HTML5开发前准备.mp4│  │  └2.开发前的准备-快捷键.mp4│  ├<10. React.js>│  │  ├React.js简介.txt│  │  ├<1.React 概述>│  │  │  ├React 开发环境搭建.mp4│  │  │  ├编写第一个 React 程序.mp4│  │  │  └什么

html5中的网页结构

一.html5中的大纲 在html5中,使用各种结构元素所描述出来的整个网页的层次结构,就是该网页的大纲.因此在组织这份大纲的时候,不能使用div元素,因为div元素只能当做容器,用在需要对网页中某个局部使用整体样式时.http://gsnedders.html5.org/outliner/网站中有一个文档大纲分析器,可以将文档大纲以可视化的形式展示出来."Untitled Section"表示缺乏标题 二.大纲的编排规则 关于内容区块的编排,可以分为显示编排与隐式编排两种方式. 1.

做网页前端遇到的一些问题

这两天公司有一个东西要用web制作,但是一直招不到人,我就自己上了,权当锻炼了,虽然公司最近坑了我几次,但毕竟这对自己成长有利 前端是用Jquery+bootstrap制作,这个不用说了 后端是用django 1.bootstrap的布局 bootstrap的布局有点奇怪,是用列的,一个页面只能有12列,跟我们平常用QT或者WX的布局方式有点不一样,但也可用接受 不好的地方就是它没办法平均划分行的高度,在我的页面中我需要嵌入一个直线图用于显示数据,总共要分成两行,我用的是百度的ECHART,由于

python网络爬虫之使用scrapy自动爬取多个网页

前面介绍的scrapy爬虫只能爬取单个网页.如果我们想爬取多个网页.比如网上的小说该如何如何操作呢.比如下面的这样的结构.是小说的第一篇.可以点击返回目录还是下一页 对应的网页代码: 我们再看进入后面章节的网页,可以看到增加了上一页 对应的网页代码: 通过对比上面的网页代码可以看到. 上一页,目录,下一页的网页代码都在<div>下的<a>元素的href里面.不同的是第一章只有2个<a>元素,从二章开始就有3个<a>元素.因此我们可以通过<div>

我所关心的网页设计岗位职责|工资待遇

网页设计,网站伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要.那么,网页设计岗位职责是什么?网页设计工资待遇如何呢?下面的某职业生涯规划网站的介绍. 一.网页设计岗位职责 (一)网页设计职位要求 1.精通网页设计软件 Photoshop\Dreamweaver\Fireworks\Flash\HTML语言: 2.熟悉网站后台编程 ASP开发环境.Windows窗体编程.常用控件:ASP编程.ASP Web服务器控件.配置和优化ASP应用程序.调试和错误