• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >div/css > div+css布局中选择使用html标签的方法

div+css布局中选择使用html标签的方法

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含html中div+css布局,div css布局,div css布局教程,div css网页布局,div css布局入门教程等相关知识,佚名 希望在学习及工作中可以帮助到您

这里为大家简单介绍在DIV+CSS布局中如何选择HTML标签:

1、框架布局(使用DIV标签)
在网页中框架布局一般使用DIV布局,无论大小DIV盒子一般均使用DIV标签(<div> </div>)布局。

2、列表型布局(使用ul li标签)
遇到图片列表、文章标题列表,通常使用ul li列表标签进行布局。当然使用这些标签时要进行设置需要CSS样式达到布局效果。这样程序调用数据时候更容易做循环内容。

3、标题型布局(使用h1、h2、h3、h4标签)
遇到独立的栏目标题、正文标签,通常使用h1、h2、h3、h4标题标签,这样布局内容具有层次感。同时考虑SEO来说适当使用这些标题标签有利于优化排名。

4、内容独立样式型(使用span)
在一段文字中,有几个文字需要单独设置一个颜色值,这个时候可以对这几个文字加span标签,对span标签单独设置class或直接CSS样式达到效果,一般来说布局框架很少使用span。

5、功能型布局(img、b、strong、u、s等标签)
遇到网页中引人图片使用Img标签;遇到文字加粗可以使用b标签或strong标签、遇到下划线可以使用u标签、遇到文字贯穿线(删除线)使用s标签等,有时不一定使用CSS来实现这些功能布局,适当选用这些HTML标签从SEO方面更加好些。

6、段落(p标签)
一般文章段落都是使用p标签,即每段文字开始时候使用<p>结束时使用</p>,这样文章段落分明。

7、手动强行换行布局(br标签)
遇到文字需要换行的使用br标签即“<br />”,值得注意br标签是单独的标签非盒子标签,独立的一个标签,什么地方需要换行就使用br标签。

8、表格型(table表格标签)
在HTML布局中,学习DIV CSS并不意味着放弃table标签,这个有时还是需要table标签的,比如遇到表格型布局的,还是需要table tr td标签布局,这个时候使用表格布局优于div标签。

9、表单布局(form、input等)
遇到表单布局,比如注册、登录、填写数据提交地方等,均是使用表单标签。
其它标签有待您发现与使用。在DIVCSS5培训中,也教了同学什么情况下选择什么标签,实践熟悉后自然会知道如何选择HTML标签布局网页。

</div>

您可能想查找下面的文章:

  • div+css布局中选择使用html标签的方法
  • div+css布局中的alpha 不透明度使用说明

相关文章

  • 2017-06-02经典的IE6的高度问题-div默认存在3个像素高
  • 2017-06-02让DIV一直固定在屏幕的某个位置示例代码
  • 2017-06-02css页面中常见左中右分栏布局的两种实现方式
  • 2017-06-02通过position定位实现div底端对齐
  • 2017-06-02DIV CSS制作网页时易犯的错误总结
  • 2017-06-02下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)
  • 2017-06-02DIV+CSS的叫法是不准确的
  • 2017-06-02css中文字加图片的布局实现
  • 2017-06-02IE6下Select元素被div等元素覆盖的解决办法
  • 2017-06-02通过绝对定位实现div重叠实例代码

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • div+css布局及Web标准对网站优化和SEO方面的益处
    • CSS属性简写整理
    • div的滚动条如何实现
    • div style常用属性介绍及使用示例
    • div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题
    • 5个DIV并排在一行的一种方法
    • div css 滚动条样式 DIV滚动条属性及样式设置方式
    • 用django配置网站
    • 一些常用的DIV+CSS的网页布局所用的代码段
    • DIV+CSS 清除浮动常用方法总结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有