h4和h5的页面布局框架的区别

最新推荐文章于 2023-08-03 09:08:36 发布
最新推荐文章于 2023-08-03 09:08:36 发布
阅读量480 收藏 1
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/C05230/article/details/107739321
版权

页面布局框架：

html4

<div class="outer">
		<div id="center">
			<div class='header'>
				<div class='header_top'>
					<div class='header_top_left'></div>
					<div class='header_top_right'></div>
				</div>
				<div class='header_bottom'></div>
			</div>
			<div class='center'></div>
			<div class='footer'></div>
		</div>
	</div>

html5

<body>
    <div class="outer">
        <div id="center">
            <header>
                <div class='header_top'>
                    <section class='header_top_left'>  
                        <span></span>
                        <span></span>
                    <section class='header_top_right'></section>
                </div>
                <div class='header_bottom'></div>
            </header>
            <article></article>
            <footer></footer>
        </div>
    </div>
</body>
bling flower
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
h4界面开发
09-02
h4格式设置 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link href="css/b3.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="box"> <div class="sy_1"> <div class="sy_2"> <span class="sy_fl">欢迎来到濮阳市城乡规划局！今天是2013年11月13日 星期三</span> <img src="images/cloud.jpg" /><span class="d">天气：多云 气温：15<sup>。</sup><span class="sy_f">C</span></span> <span class="sy_sc"> <a href="#">加入收藏</a>| <a href="#">设为首页</a></span> </div> <!--/top --> <div class="g"></div> <!--/banner --> <div class="h"> <ul class="i"> <li><a href="#"><span>首页</span></a></li> <li><a href="#"><span>党务政务公开</span></a></li> <li><a href="#"><span>规划动态</span></a></li> <li><a href="#"><span>政府信息公开</span></a></li> <li><a href="#"><span>网上服务</span></a></li> <li><a href="#"><span>规划公示</span></a></li> <li><a href="#"><span>规划查询</span></a></li> <li><a href="#"><span>规划展示</span></a></li> <li><a href="#"><span>专题栏目</span></a></li> <li><a href="#"><span>政策法规</span></a></li> <li><a href="#"><span>规划园地</span></a></li> </ul> <ul class="j"> <li><a href="#">领导机构</a></li> <li><a href="#">领导机构</a></li> <li><a href="#">领导机构</a></li> </ul> </div> </div> <!--/header --> <div class="k"> <h1 class="l"></h1> <ul class="m"> <li><a href="#">主要职责</a></li> <li class="li2"><a href="#">主要职责</a></li> <li class="li3"><a href="#">主要职责</a></li> </ul> <!--/dangwu --> <h1 class="n">通知公告<a href="#"></a></h1> <ul class="tzgg"> <li><a href="#">省城乡规划委员会审议并原则通</a></li> <li><a href="#">高瞻远瞩加快城乡规划步伐</a></li> <li><a href="#">公开筛选县城乡规划建设局村镇规</a></li> <li><a href="#">濮阳开展城乡规划法宣传活动</a></li> <li><a href="#">2011，叩开城乡规划转型之门</a></li> <li><a href="#">省城乡规划委员会审议并原则通</a></li> <li><a href="#">高瞻远瞩加快城乡规划步伐</a></li> </ul> <!--/tzgg --> <h1 class="n">专题栏目<a href="#"></a></h1> <ul class="tzgg"> <li><a href="#">一创双优持续开展活动</a></li> <li><a href="#">城乡规划效能监察</a></li> <li><a href="#">工程建设领域项目信息和信用信息公开</a></li> <li><a href="#">濮阳日报规划专版</a></li> <li><a href="#">党风廉政建设</a></li> </ul> <!--/ztlm --> <h1 class="n">网上服务<a href="#"></a></h1> <ul class="tzgg wsfw"> <li><a href="#"><img src="images/img01.jpg" /></a></li> <li><a href="#"><img src="images/img02.jpg" /></a></li> <li><a href="#"><img src="images/img03.jpg" /></a></li> <li><a href="#"><img src="images/img04.jpg" /></a></li> <li><a href="#"><img src="images/img05.jpg" /></a></li> </ul> <!--/wsfw --> <h1 class="n">规划查询<a href="#"></a></h1> <ul class="tzgg ghcx"> <li><a href="#">建设选址许可</a></li> <li><a href="#">建设用地许可</a></li> <li><a href="#">建筑工程许可</a></li> <li><a href="#">竣工规划核实</a></li> </ul> <!--/ghcx --> <h1 class="n">友情链接<a href="#"></a></h1> <form class="tzgg yqlj" action="" method="get"> <select name="jumpMenu"> <option>-- 相关机构 --</option> <option>item2</option> <option>item3</option> <option>item4</option> </select> <select name="jumpMenu"> <option>-- 政府部门 --</option> <option>item2</option> <option>item3</option> <option>item4</option> </select> <select name="jumpMenu"> <option>-- 下属单位 --</option> <option>item2</option> <option>item3</option> <option>item4</option> </select> </form> </div> <!--/aside --> <div class="tupian"> <div class="xian"> <div class="sx"> <span class="gz"><a href="#">规划工作动态</a></span> <span class="hy"><a href="#">规划行业动态</a></span> <a href="#"><img src="images/gd.jpg" /></a> </div> </div> <!--xian --> <div class="xinwen"> </div> <!--xinwen --> <div class="da"> </div> <!--da --> <div class="tpxw">图片新闻图片新闻图片新闻 </div> <!--tpxw --> <ul class="dq"> <li><a href="#">文本文本文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本文本文本</a></li> </ul> <ul class="xuxian"><img src="images/xuxian.jpg" /></ul> <span class="xuxiana"><img src="images/xuxian.jpg" /></span> <span class="xuxianb"><img src="images/xuxian.jpg" /></span> <span class="xuxianc"><img src="images/xuxian.jpg" /></span> <span class="xuxiand"><img src="images/xuxian.jpg" /></span> <span class="xuxiane"><img src="images/xuxian.jpg" /></span> <span class="xuxianf"><img src="images/xuxian.jpg" /></span> <span class="xuxiang"><img src="images/xuxian.jpg" /></span> </div> <!--tupian --> <div class="xiank"> <div class="dk"> <span class="zfxx"><a href="#">政府信息公开</a></span> <img src="images/agd.jpg" /> </div> <!--dk --> <div class="gkzn"> <span class="sqhf"><a href="#">公开指南</a></span> <span class="sqhfa"><a href="#">公开目录</a></span> <span class="sqhfa"><a href="#">公开文件</a></span> <span class="sqhfa"><a href="#">公开申请</a></span> <span class="sqhfa"><a href="#">申请回复</a></span> <span class="sqhfa"><a href="#">申请流程</a></span> </div> <!--gkzn --> <div> <ul class="sq"> <li><a href="#">“濮阳城乡规划督察员办公室”挂牌</a></li> <li><a href="#">濮阳宣传学习城乡规划知识</a></li> <li><a href="#">省城乡规划委员会审议并原则通</a></li> <li><a href="#">濮阳：高瞻远瞩加快城乡规划步伐</a></li> <li><a href="#">公开？选县城乡规划建设局</a></li> <li><a href="#">濮阳开展城乡规划法宣传活动</a></li> <li><a href="#">2011，叩开城乡规划转型之门</a></li> </div> <!--xiank --> </div> <div class="ghds"> <div class="po"> <span class="pl"><a href="#">规划公示</a></span> <img src="images/agd.jpg" /> </div> <!--dk --> <div class="lop"> <span class="sqhf"><a href="#">公开指南</a></span> <span class="sqhfa"><a href="#">公开目录</a></span> <span class="sqhfa"><a href="#">公开文件</a></span> <span class="sqhfa"><a href="#">公开申请</a></span> <span class="sqhfa"><a href="#">申请回复</a></span> <span class="sqhfa"><a href="#">申请流程</a></span> </div> <!--gkzn --> <div> <ul class="sq"> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> </div> </div> <!--xiank --> <div class="zs"> <form class="sss" action="" method="get"> <input type="text" name="a" value="请搜索" class="asdf" /> <input type="submit" name="b" value="" class="aasd" /><br /> </form> </div> <div class="yd"> <div class="lan"> <span>规划基础知识介绍</span> </div> <ul class="lang"> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> </ul> <div class="lans"> <span>专家视点</span> </div> <div class="hgd"><a href="#"><img src="images/hgd.jpg" /></a></div> <div class="hgda"><a href="#"><img src="images/hgd.jpg" /></a></div> <div class="ldao"></div> </div> <!--yd --> <div class="wanle"> <div class="tutu"></div> <ul class="ang"> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> </ul> <ul class="angs"> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> </ul> </div> <!--wanle --> <div class="wanles"> <div class="tutu"></div> <ul class="ang"> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> </ul> <ul class="angs"> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> <li><a href="#">文本文本文本文本文本文本</a></li> </ul> </div> <!--wanles --> <div class="zuihou"> <span><a href="#">首页</a> | <a href="#">政府信息公开</a> | <a href="#">规划查询</a> | <a href="#">设为首页</a> | <a href="#">加入收藏</a></span> </div> </div> </body> </html>
【HTML5初涉】H5与H4的区别
让传奇成为传奇，让我们成为自己。
03-08 7205
H5推出的理由及目标     1.web浏览器之间的兼容性很低       2.文档结构不够明确       3.web应用程序功能受到了限制   H5语法的改变     内容类型   文件扩展名html 内容类型不变 依然为text-html     doctype声明 直接     指定字符编码         可以省略标记的元素      具有boolean值的属性
H4和H5区别以及Html的主体结构
weixin_45473097的博客
07-31 2807
H4和H5的区别 1.结构不同 2.H4的兼容性比H5的好，H5主要用于webapp的开发 3.增加了许多特性 a.H5新增的语义化标签 header nav footer address article section aside等 b.表单中input标签新增了type属性 Html的结构 ------------------------根目录 --------------...
html标签中h4和h5,h5与h4的区别
weixin_42138525的博客
06-15 2839
HTML5新特性HTML5 中一些有趣的新特性：①用于绘画的 canvas 元素；②用于媒介回放的 video 和 audio 元素；③对本地离线存储的更好的支持；④新的特殊内容元素，比如 article、footer、header、nav、section；⑤新的表单控件，比如 calendar、date、time、email、url、search"以上是w3c上的原话，简单说就是更符合标准，提供...
雷达与相机的时空标定工具
陋室逢雨
09-21 1629
激光雷达与相机的外参标定工具 1、zhixy/Laser-Camera-Calibration-Toolbox matlab版本、3D激光雷达 需要手动缩放，并选择落在棋盘格上的激光点 采集一次数据就能完成标定，一张图片，一帧激光数据 2、swyphcosmo/ros-camera-lidar-calibration for 3D激光雷达 手动选择6对匹配点（激光雷达坐标系的3D点和图像坐标系下的2D点）进行标定 3、ethz-asl/lidar_align for 3D lidar and
h4与h5基本布局对比
通俗易懂
11-24 1297
html4.01 html5
H4_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
08-02
2. CSS文件：这些是样式表文件，负责定义页面的外观和布局。响应式设计通常通过CSS实现，通过媒体查询（media queries）来根据设备屏幕尺寸应用不同的样式。 3. JavaScript文件：可能包括一些交互功能和动画效果的...
H4国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
08-03
这个压缩包文件“H4国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip”包含了构建一个现代、跨平台的网站所需的关键元素，特别强调了移动设备的兼容性和用户体验。让我们深入探讨...
我的css框架——base.css(重设浏览器默认样式)
09-22
通过这个基础的CSS框架，开发者可以建立一个干净的起点，避免因浏览器差异带来的样式问题，从而更好地控制页面的布局和视觉效果。在实际项目中，开发者还可以根据需要扩展这个框架，添加更多定制化的样式规则，以...
html课堂笔记
12-23
<h4>四级标题</h4> <h5>五级标题</h5> 六级标题 ``` ### 列表标签 HTML中的列表分为两种类型：有序列表（`<ol>`）和无序列表（`<ul>`）。这两种列表都由一系列 `<li>` 标签组成，分别表示列表项。 - **有序列表**...
H5新标签和H4的区别
DavidLog的博客
04-26 4788
下面我们来看一下HTML 5提供的一些新的标签用法以及和HTML 4的区别。 标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。 HTML5: HTML4: 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 HTML5:Aside 的内容是独立的内
HTML之h1 h2 h3 h4标签知识经验篇
Larry的博客
09-17 7719
HTML之h1 h2 h3 h4标签知识经验篇 Html中H1、H2、H3、H4标题标签元素教程篇 H1 H2 H3 H4标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。 H1 H2 H3 H4目录 搜索引擎下看h1标题标签 Html h1 h2 h3 h4用法 H型标签案例截图 html标题标签使用原则 html h1
【html】初识html
Ai-Fairy的博客
07-09 321
10分钟学会写一个网页！一起来看看吧！
HTML5与HTML4的区别，新增了哪些元素
delishcomcn的博客
08-03 102
HTML5中所有元素都允许使用hidden属性，该属性类似于input元素中hidden元素，boolean值，可设为true（不可见）、false（可见）。当某元素的hidden属性值为true时，浏览器不渲染该元素，使该元素处于不可见状态，但浏览器创建该元素内容，即页面加载后允许使用JavaScript脚本将该属性值取消，使该元素可见。允许用户编辑元素中内容，使用该属性的元素必须为可以获得鼠标焦点的元素，而且在点击鼠标后向用户提供一个插入符号，提示用户该元素允许进行编辑。
网页设计中文标题h1~h4应用技巧
飘落的心菲
07-10 1360
体验css提示您本教程适合初学者应用，高手还望见笑。欢迎来信[email=mailto:hero4u@163.com]hero4u@163.com[/email]探讨。转载请注明出处 体验css http://www.cssxp.net 原创作者：孤竹林 第一、h1~h4标题中的字体到底有多大？讲在前面1、html标签h1~h6 pre 七个标签 字体大小分别对应 xx-large  x-larg...
4ME1，4W1H，5W2H，6W2H，6W3H，6S、8D等……含义？
热门推荐
java journey
09-02 1万+
4M1E法指Man（人），Machine(机器)，Material(物)，Mothod(方法)，简称人、机、事、物方法，告诉我们工作中充分考虑人、机、事、物四个方面因素，通常还要包含1E：Environments（环境）,故合称4M1E法。也就是人们常说的：人、机、料、法、环现场管理五大要素  4W1H4W是WHAT、WHY、WHO、WHEN;1H则是HOW　5W2H法是第二世界大战中美国陆军兵器修理部首创。简单、方便，易于理解、使用，富有启发意义，广泛用于企业管理和技术活动，对于决策和执行性的活动措施也非
HTML5与HTML4的区别
来自星星的博客
01-21 994
HTML5设计的目的是为了在移动设备上支持多媒体。 HTML5在H4的基础上加入了新的语法特征，比如video、audio、canvas标记。 H5还引进新的功能，对本地离线存储有更好的支持，添加了语义化更好的内容元素（article、footer、header等等）、新的表单控件（calendar、date、time、email、url）。 那么如何快速分辨一个网页是H5还是H4的呢？
jquery移动端h5页面开发
最新发布
11-19
在jQuery移动端H5页面开发中，我们可以使用以下技巧和方法： 1. 使用viewport设置移动端页面的宽度和缩放比例，例如： ```html , initial-scale=1.0"> ``` 2. 使用CSS3媒体查询来适配不同的屏幕尺寸，例如： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值