分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

html5中的网页结构

发布时间:2023-09-06 01:52责任编辑:胡小海关键词:暂无标签

一、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、不同内容区块可以使用相同级别的标题

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

html5中的网页结构

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved