【html】HTML的布局标签

常用的布局标签

div
通常代表"盒子",使用id或者class进行修饰

header
页面或者区域的头部

footer
页面或者区域的底部

nav
导航条

section
文档中的章节、版块(类似div,但是主要针对文档类区域)

aside
侧边栏

artical
文章、文档

时间: 2024-10-12 02:27:00

【html】HTML的布局标签的相关文章

HTML列表(组标签)+div(布局标签)与span

一.列表 HTML中常见的列表有三种,分别是: 1.无序列表,是一组描述列表语义的组标签,列表中每个项之间没有先后顺序:如图: 1)组标签:组标签就是由多个标签组成的一个整体,它们之间共同存在:例如 :ul标签,ol标签,dl标签: 2)ul : 是英文 unordered list "无序列表"的意思: 3)li : 是英文 list item "列表项"的意思: 4)ul标签 里边只能存放 li标签,li标签也不能单独存在,但li标签是容器级标签,里边可以放任何

html5新增的布局标签

article 表示一篇任何形式的文章.即新闻报道.论坛帖子或博客文章(标题.时间.作者等与文章息息相关的信息) aside 独立于页面主体的一个完整的内容块.例如,附注栏,其中包含与主体文章相关的内容或链接 figure.figcaption 表示一幅插图.figcaption为标注图题,figure标注figcaption和插入图片的img.图片和图题是关联的 footer 表示页面底部的页脚.html5规范规定,只能包括版权声明.简单的链接等.当页脚很庞大时,应该用div之类的元素包含,然

Android五大布局标签和属性总结

1.LinearLayout orention  水平和垂直 weight     分割闲置空间 水平布局 分割宽度 垂直布局 分割的高度 分割的时候 指定的高度或者宽度不能用fill_parent/match_parent 2.Tablayout <TabRow> </TabRow> 一行 <TabRow> </TabRow> 缺陷  第一行的列级关系 会影响下面所有的列 3.RelativeLayout view间的关系 CenterInParent  

Android 性能优化 三 布局优化ViewStub标签的使用

小黑与小白的故事,通过虚拟这两个人物进行一问一答的形式来共同学习ViewStub的使用 小白:Hi,小黑,ViewStub是什么?听说可以用来进行布局优化. 小黑:ViewStub 是一个隐藏的,不占用内存空间的视图对象,它可以在运行时延迟加载布局资源文件.(更多详细的API等信息可以查看官方文档ViewStub),计算机行业一向是实践里面出真知,下面用一个例子演示下效果. 小黑:说说概念只是为了概括性的了解下,还是用个实例来演示下.先来创建一个Activity中使用的布局文件,文件名是:act

【转】iOS,搜索标签布局

前一阵时间,看过这样一个demo,代码不多,但是简洁易懂. 转自: //  代码地址: https://github.com/iphone5solo/PYSearch //  代码地址: http://www.code4app.com/thread-11175-1-1.html /** 添加和布局标签 */ - (NSArray *)addAndLayoutTagsWithTagsContentView:(UIView *)contentView tagTexts:(NSArray<NSStri

include标签布局和自定义标题

在Android的性能优化是,可以使用抽象布局标签(include,ViewStub,merge),include去除不必要的嵌套和View节点,merge减少不必要的inflate以及其他Layout,viewstub可以隐藏view. include标签常用于将布局中的公共部分提取出来供其他layout公用,以实现布局模块化,这在布局编写方便提供了便利. activity_main.xml <Linear xmlns:android="http://schemes.android.co

HTML5语义化标签总结

1.语义化标签总结 基础布局标签 <header></header> <nav></nav> <main></main> <aside></aside> <article></article> <footer></footer> 注意:IE8以后不兼容H5标签,如果需要兼容IE8一下的浏览器,则需要如下操作: 如果在sublime,或者WebStrom使用 可是使

初学HTML 常见的标签(三) 列表标签

第三篇博客, 这次说的是插入链接类标签, 我们平常在网页中经常能看到蓝色的链接类标签, 或者是一张图片, 一个电邮, 这些都是插入链接类的标签起的作用. <a></a>链接标签 <a>链接标签可实现超链接, 它在网页中是无处不在的, 只要有链接的地方, 就会有这个标签, 它的语法和其他的标签不太相同, 对于初学者而言, 刚开始学的时候毕竟初学者并不在标签中添加属性等等, <a>的语法是 <a href = "目标网址" title

HTML5系列-标签级介绍

html5这个相信已经被嚼烂了!一提到ht5大家就会想到: 1.新的布局标签(nav.footer.section.artile.input的新类型等) 2.新功能标签(video.audio.canvas.svg等) 3.离线缓存,本地存储等 我了解到的做了简单分类,针对我们的ht5: 标签级:(我们主要了解部分) 一.section.nav布局标签等(优化布局处理)二.canvas(画布绘制)三.audio/video(音频视频播放)四.svg(可伸缩的矢量标记绘图)五.新表单(颜色,日历等