html的排版标题的是,HTML 5结构排版布局

进行总体布局时候,具体可以用的方法。

1.大纲:文档中各内容区块的结构编排。

内容区块可以使用标题元素来展示各级内容区块的标题。

关于内容区块的编排可以分为“显示编排”和“隐式编排”。

显示编排:明确使用section等元素创建文档结构,在每个内容区块内使用标题(h1-h6、hgroup)。更加清晰、易读。

隐式编排:不明确使用section等元素,而是根据页面中所书写的各级标题(h1-h6、hgroup)等把内容区块自动创建出来。(容易让自动生成的结构与想要的不一样,易引起结构混乱,尽量使用显示编排。)

标题分级:h1的级别最高,h6的级别最低。隐式编排时按以下规则自动生成内容区块:如果新出现的标题比上一个标题级别低,生成下级内容区块;如果新出现的标题比上一个标题级别高或级别相等,生成新的内容区块。

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

2.对新的结构元素使用样式

在css中追加如下声明,通知浏览器页面中使用的HTML 5新增元素都是以块方式显示的:

article,aside,dialog,figure,footer,header,legend,nav,section{display:block;}

在IE 8及之前的浏览器中,需要使用JS脚本来使浏览器可以正常使用这些结构:

document.createElement("header");

document.createElement("nav");

document.createElement("article");

document.createElement("footer");

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/429260.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[LeetCode]Distinct Subsequences,解题报告

题目 Given a string S and a string T, count the number of distinct subsequences of T in S.A subsequence of a string is a new string which is formed from the original string by deleting some (can be none) of the characters without disturbing the relative po…

2021年河南高考成绩排名查询一分一段表,2018河南高考一分一段统计表,查排名必备!...

原标题:2018河南高考一分一段统计表,查排名必备!:点击这里信息省招办公布了2018年普通高招分数段统计表,对每个分数段有多少考生进行了详细统计。你考了多少分?处在哪个位置?快来看看&#xff0…

实用的css样式

当字数超过一行时,可以用...代替 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 这三个样式同时使用才有效,也可以去掉white-space样式,分两行 转载于:https://www.cnblogs.com/maggie-php/p/6906462.html

js滚轮换切屏

js滚轮换切屏 因为全项目不是自己写的,仅仅是帮别人写js滚轮代码,并且别人项目也还未上线。所以仅仅贴出自己写的那段部分代码, 效果:鼠标滚轮滚动时。网頁屏幕一屏一屏的上下切换 (下面代码在本地电脑的IE,chrome与FireFox这三个…

(2021|CoRR,AugCLIP,优化)FuseDream:通过改进的 CLIP+GAN 空间优化实现免训练文本到图像生成

FuseDream: Training-Free Text-to-Image Generation with Improved CLIPGAN Space Optimization 公众:EDPJ(添加 VX:CV_EDPJ 或直接进 Q 交流群:922230617 获取资料) 目录 0. 摘要 1. 简介 2. CLIPGAN 文本到图…

中文邮件营销html模版,怎么制作邮件营销模板?— —邮件格式

怎么制作邮件营销模板?— —邮件格式U-Mail邮件营销平台发表时间 2017-09-21人气 757次做EDM邮件营销,需要有好的邮件群发工具,还要有好的内容,那么如何制作好邮件营销的模板呢?现在U-Mail邮件群发平台根据已有的一些经…

查询数据库中所有表名

查询数据库中所有表名select table_name from information_schema.tables where table_schemacsdb and table_typebase table; 查询指定数据库中指定表的所有字段名column_nameselect column_name from information_schema.columns where table_schemacsdb and table_nameusers…

【默认加入持久化机制,防止消息丢失,v0.0.3】对RabbitMQ.Client进行一下小小的包装,绝对实用方便...

RabbitMQ是一个老牌的非微软的消息队列组件,一般来说应该能满足中小型公司对消息队列生产的需求,平时我们在.NET开发环境下运用它是可能会需要RabbitMQ.Client的SDK库,此库是官网提供,目前最新发布版本是v4.1.3。在我们对接项目时…

angularJS中,怎么阻止事件冒泡

今天有个童鞋问我,ng怎么阻止事件冒泡,我就简单的贴一下代码吧,也不是什么好高大上的问题 转载于:https://www.cnblogs.com/leoshuaige/p/6910646.html

用html编写输出今天是星期几,利用Date对象编写程序,判断并输出今天是开学的第几周,星期几。...

利用Date对象编写程序,判断并输出今天是开学的第几周,星期几。(function(){var startDay new Date(2014,8,1); //根据指定的年月日时分秒设置开学时间为2014/09/01var startMs startDay.getTime();//返回1970年至今的毫秒var startYear startD…

Java中 break continue return 的区别

1、break break :跳出当前循环&#xff1b;但是如果是嵌套循环&#xff0c;则只能跳出当前的这一层循环&#xff0c;只有逐层break才能跳出所有循环&#xff1b; for (int i 0; i < 10; i) { if (i 6) { break; // 在执行i6时强制终止循环&#xff0c;i6不会被执行 }Sy…

用计算机画好看的图形,如何画一手漂亮的电脑效果图?技巧案例赏析!

原标题&#xff1a;如何画一手漂亮的电脑效果图&#xff1f;技巧&案例赏析&#xff01;电脑效果图是什么&#xff1f;很显然&#xff0c;用电脑去绘制设计师的想法。当然&#xff01;所有的设计意图&#xff0c;最终都是为了更准确的成衣。那么&#xff0c;能精准的表达出想…

朝花夕拾——finally/final/finalize拨云雾见青天

Java编程中。常常会使用到异常处理&#xff0c;而finally看似的是try/catch后对逻辑处理的完好&#xff0c;事实上里面却存在非常多隐晦的陷阱。final常见于变量修饰&#xff0c;那么你在内部类中也见过吧。finalize作为GC回收对象前的一道门&#xff0c;什么时候运行。运行效果…

Java读源代码学设计模式:适配器Adapter

适配器模式相关源代码&#xff1a;slf4j-1.6.1、hibernate-3.6.7大家都知道。log4j是一个广泛使用的日志工具&#xff0c;除此之外。sun公司在JDK中也有自己的日志工具&#xff0c;也就是java.util.logging.Logger。当然还有其它一些日志工具。多种日志工具功能和使用方式相似&…

适合文科女孩子学的计算机类专业,文科女生最吃香的专业2021 哪些专业有前景...

文科女生最吃香的专业2021 哪些专业有前景2021-03-27 14:36:27文/丁雪竹文科女生可以报考的专业并不是很多&#xff0c;小编整理了文科女生吃香的专业&#xff0c;来看一下&#xff01;文科女生最吃香的专业网络与新媒体这个专业是近几年流行起来的新兴专业&#xff0c;需求量还…

系统搭建遇到问题3:Ubuntu问题造成网卡名称异常导致Vivado绑定网卡地址的Lic无法正常工作(JESD)...

解决方法参考&#xff1a; ubuntu平台vivado无法识别NIC_ID而无法使用license的解决办法 http://blog.csdn.net/cirs_q/article/details/60574030转载于:https://www.cnblogs.com/abolide/p/6920397.html

中职计算机基础知识总结,中职计算机基础知识整理

中职计算机基础知识整理计算机基础知识(初稿2011/10/5)1、计算机发展简史第一代(1946-1957年)电子管第二代(1958-1964年)晶体管第三代(1964-1970年)中、小规模集成电路第四代(1971年至今)大规模和超大规模集成电路2、我国计算机发展我国电子计算机研究工作起步于1956年1958年试…

多个html如何套用套一个头部,Vue.js项目中管理每个页面的头部标签的两种方法...

在 Vue SPA 应用中&#xff0c;如果想要修改 HTML 的头部标签&#xff0c;如页面的 title &#xff0c;我们只能去修改 index.html 模板文件&#xff0c;但是这个是全局的修改&#xff0c;如何为每个页面都设置不一样的 title 呢&#xff1f;下面介绍两种方法。使用router.Meta…

Ubuntu16.04下Mongodb官网安装部署步骤(图文详解)(博主推荐)

不多说&#xff0c;直接上干货&#xff01; 在这篇博客里&#xff0c;我采用了非官网的安装步骤&#xff0c;来进行安装。走了弯路&#xff0c;同时&#xff0c;也是不建议。因为在大数据领域和实际生产里&#xff0c;还是要走正规的为好。 Ubuntu16.04下Mongodb&#xff08;离…

甘肃政法学院计算机科学与技术试题,甘肃政法学院计算机科学与技术专业课程教学大纲.doc...

甘肃政法学院计算机科学与技术专业课程教学大纲甘肃政法学院计算机科学与技术专业课程教学大纲数字逻辑与分析一、说明(一)课程性质(三)教学内容1&#xff0e;了解数字电路和脉冲电路的概念。2&#xff0e;TTL门电路、CMOS两类集成门电路的外部特性&#xff1a;逻辑功能、电器特…