html5中的网页结构

一、html5中的大纲

在html5中，使用各种结构元素所描述出来的整个网页的层次结构，就是该网页的大纲。因此在组织这份大纲的时候，不能使用div元素，因为div元素只能当做容器，用在需要对网页中某个局部使用整体样式时。http://gsnedders.html5.org/outliner/网站中有一个文档大纲分析器，可以将文档大纲以可视化的形式展示出来。“Untitled Section”表示缺乏标题

二、大纲的编排规则

关于内容区块的编排，可以分为显示编排与隐式编排两种方式。

1、显示编排内容区块是指明确使用section等元素创建文档结构，在每个文档区块内使用标题好（h1~h6、hgroup等）

2、隐式编排内容区块是指不明确使用section元素，而是根据页面中所书写的各级标题等自动创建各级内容区块。因为html5中分析器只要看到书写了某个级别的标题，就会判断存在相对应的内容区块。

3、标题分级规则：不同标题之间是有级别的，h1级别最高，h6级别最低，

（1）如果新出现的标题比上一个标题级别低，生成下级内容区块

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

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

父内容区块与子内容区块可以使用相同级别的标题

原文地址：https://www.cnblogs.com/LLMjiayou7/p/8984695.html

时间： 2024-10-11 15:55:19

html5中的网页结构的相关文章

关于html5中的网页图标问题

在html5 中设置网页图标的语句<link rel="icon" type="image/x-icon" href="favicon.ico">这个语句不一定要加在标题栏下面但是这个语句要确保没有base的情况下使用如果有base 那么他解析url的时候会默认在那个网页的目录下寻找 favicon.ico 找不到的话自然就不能作为网站的图标了 <!DOCTYPE html> <html> <head&

使用HTML5中新增结构元素来构建网页

HTML5中新增了几个结构元素(section元素.article元素.nav元素.aside元素.header元素和footer元素),通过运用这些结构元素,可以让网页的整体结构更加直观和明确.更加具有语义化和更具有现代风格. 1.组织网页结构在一个用HTML5实现的网页中,每一个网页都将由一些主体结构元素构成. 在大型的网站中,一个网页通常有以下几个结构元素组成: header结构元素:通常用来展示网站的标题.企业或公司的Logo图片.广告(Flash等格式).网站导航条等. aside结

html中DIV+CSS与TABLE布局方式的区别及HTML5新加入的结构标签（转）

DIV与TABLE布局的区别 div 和 table 的加载方式不同,div 的加载方式是即读即加载,遇到 <div> 没有遇到 </div> 的时候一样加载 div 中的内容,读多少加载多少:table 的加载方式是完成后加载,遇到 <table> 后,在读</table> 之前,table 中的内容不加载,或者传输中断了的时候加载,这是因为TABLE牵涉到多行多列问题,所以只有当TABLE所有内容加载完毕,浏览器才知道该怎么显示 . div与css配合使

详解HTML5网页结构

HTML5的网页结构 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <header>...</header> <nav>...</nav> <article>...</article> <section

HTML5中的<canvas>画布:使用canvas元素在网页上绘制四分之一圆(3)

前几天自己做了个四分之一的圆,放到手机里面测试.效果不是很好.于是今天通过查资料,找到了canvas.自己研究了一天,发现可以使用canvas画圆.代码如下: 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 </head> 8 <body&g

《HTML5网页开发实例详解》连载（四）HTML5中的FileSystem接口

HTML 5除了提供用于获取文件信息的File对象外,还添加了FileSystem相关的应用接口.FileSystem对于不同的处理功能做了细致的分类,如用于文件读取和处理的FileReader和FileList对象.用于创建和写入的Blob和FileWriter对象.用于目录和文件系统访问的DirectoryReader和LocalFileSystem对象等,FileSystem功能的出现是浏览器在文件系统上的突破,具有里程碑的意义,虽然目前还尚未完全成熟,但足以让开发者发挥更大的想象空间.

HTML5中的<canvas>画布:使用canvas元素在网页上绘制线条和圆(1)

什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像. 画布是一个矩形区域,您可以控制其每一像素. canvas 拥有多种绘制路径.矩形.圆形.字符以及添加图像的方法. 创建 Canvas 元素向 HTML5 页面添加 canvas 元素. 规定元素的 id.宽度和高度: 1 <canvas id="myCanvas" width="200" height="100"></ca

HTML5 中的结构元素

HTML5 中的结构元素 https://www.cnblogs.com/xiaohuochai/p/5087815.html CSS 命名规范 1.http://mp.weixin.qq.com/s?__biz=MzI0NDAzOTYxMw==&mid=402255125&idx=3&sn=f13ca64eb1bcc4bf31aefdc189ccc26b#rd 2.http://www.imooc.com/article/5219 拥有html5大纲原文地址:https://w

第一章用HTML5中的结构元素构建网站

1.当一个容器需要直接定义样式或通过脚本定义行为时,推荐使用div元素而非section元素. 2.section是需要标题的,而nav或aside没有标题也是可以的. 3.html5轮廓工具 http://gsnedders.html5.org/outliner/ 4.HTML <header> 标签是html5中的新标签,表示页眉,如果要产生大纲要加<h1>,要和<head>区别开来. 5.