HTML5与HTML4的区别-----通用的排版结构
2024-08-28 04:02:21
一个网页通常分为：头部，主体内容和脚部三个部分，当然也有其他更细的划分方法。
以移动端为例，
当给一个设计图，我通常使用一下结构；
<div class="container">
<header class="header">
<img src="./logo.png" />
<a href="#">返回首页</a>
<span class="menu_btn">分类菜单</span>
</header>
<section class="mainbody"></section>
<footer class="footer">
<a href="#">提意见<br><small>手机网易</small></a>
<span class="menu_btn">分类菜单</span>
</footer>
</div>
对于header section footer等新增的元素,在低版本浏览器IE8及以下不识别，会转成 div元素。不考虑到兼容可以不加类名。
在编写html时，结构越简单越好。
样式相同的地方，提取出相同的类名。
img元素，当在网页中具有实际意思的使用img，而不是背景图片。 网站的logo具有实际意义，使用img元素插入
使用背景图？在网页中没有实际意义，只起到样式或者修饰作用。例如 按钮的背景
在移动端常用到布局： 弹性盒布局 和 响应式布局
最新文章
- Smack4.1注册新用户
- acm数学（转）
- 【C#进阶系列】20 异常和状态管理
- linux下的/dev/shm目录
- JavaScript实例
- C++程序设计课程学习的网址
- MSSQL手札三 MSSQL存储过程
- cocos2d-x如何截屏并保存图片
- C++程序员笔试复习概要（一）
- ios开发中button控件的属性及常见问题
- Android客户端调用Asp.net的WebService
- qt新进程工作目录的设置（工作目录确实是被子进程继承的，但也可以设置）
- 结合使用AngularJS和Django
- 【Spring-web】AsyncRestTemplate源码学习
- module.exports与exports,export和export default
- NTP 时间同步协议
- huffman(greedy)
- 单源最短路径算法——Dijkstra算法(迪杰斯特拉算法)
- Raspberrypi 3B+ 安装 php＋sqlite
- 编译安装php-7.1.17及部分扩展