关键自li,em,dl,ul,ol,footer,header,nav,aside,article

 1 section 版块 用于划分页面上的不同区域,或者划分文章里不同的节
 2
 3 header 页面头部或者版块(section)头部
 4
 5 footer 页面底部或者(section)底部
 6
 7 nav 导航 (包含链接的的一个列表)
 8
 9 article    用来在页面中表示一套结构完整且独立的内容部分
10 可以用来呈现论坛的一个帖子,杂志或报纸中的一篇文章,一篇博客,用户提交的评论内容,可互动的页面模块挂件等。
11
12 aside 元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别与主要内容的部分
13     1,被包含在<article>中作为主要内容的附属信息部分,其中的内容 以是与当前文章有关的引用、词汇列表等
14     2,在<article>之外使用,作为页面或站点全局的附属信息部分;最典型的形式是侧边栏(sidebar),其中的内容可以是友情链接、附属导航或广告单元等。
15
16 h1-h6 标题
17 ul 无序列表
18 ol 有序列表
19 li ul或者ol的列表项
20 dl 定义列表
21 dt 定义列表的项目
22 dd 对dt展开的描述扩展
23 p 段落
24 time 时间
25 em 强调一个词或者一段话
26 strong 强调一个词或者一段话
27 img 图片
时间: 2024-10-08 10:17:12

关键自li,em,dl,ul,ol,footer,header,nav,aside,article的相关文章

html5新特性-header,nav,footer,aside,article,section等各元素的详解

Html5新增了27个元素,废弃了16个元素,根据现有的标准规范,把HTML5的元素按优先级定义为结构性属性.级块性元素.行内语义性元素和交互性元素四大类. 下面是对各标签的详解,section.header.footer.nav.article.aside.figure.code.dialog.meter.time.progress.video.audio.details.atagrid.menu.command的 介绍 结构性元素主要负责web上下文结构的定义 <section>:在 we

Html ul、dl、ol 标签

Html ul.dl.ol 标签 <html> <body> <!-- ul 标签指定字符断点,左边带一个"·"点--> <ul> <!-- li 收入内容显示并被其他标签转换--> <li>内容</li> <li>内容</li> </ul> <!-- ol 标签指定字符排序断点,按照顺序数字排列--> <ol> <!-- li 收入内容

div span ul ol 区别

一不小心跑偏了qwq 1.ol和ul <ol> <li> </li> <li> </li> <ul> <ul> <li> </li> <li> </li> </ul> 上面那两块的区别在于ul块中的行有小圆点,<li>是行的意思: 2.div和span div和span都是块,但是div是自动分行的:

html 中的ul,ol标签

ul为无序列表 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> ol 为有序列表 <ol type="A"> <li>1</li> <li>2dd</li> <li>3</li>

有序序列ol li 详解(ol li 标号未显示?)

ol定义和用法 <ol> 标签定义了一个有序列表. 列表排序以数字来显示.使用<li> 标签来定义列表选项. 基本语法如下: <ol> <li>菠萝</li> <li>西瓜</li> <li>火龙果</li> </ol> 运行结果: ol属性 属性 值 描述 compact compact HTML5中不支持,不赞成使用.请使用样式取代它. 规定列表呈现的效果比正常情况更小巧. reve

2016/4/17 去除 ul ol 前标记 list-style:none list-style-type:none

对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除. 1.在CSS中写入代码.找到相关性的CSS,在..li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见. 2.在相关的页面找到head部分写入下面的代码 <style type="text/css"> list-style:none; &l

关于css中列表(ul ol)存在默认间距的问题

一.总结: 有时候我们要给列表(ul ol 本身就是属于块级元素)的上表框或下边框设置颜色,如下: 但是在给内联块级元素(inline-block)的上表框或下边框设置颜色的时候,就没有这么简单: 在前辈的博客中了解到:ul或ol中的li与li之间之所以会有间隙,是因为空白符引起的. 因为我们一般都是一行一个li,换行都会产生空白符.上面的日历也可以看到每个数之间有明显的间隙. 解决办法:将ul或ol的font-size设置为0,消去空白间隙,重新在给li定义字体的大小. 修改后的效果: 需要注

li浮动引起ul高度坍陷的解决方法

我们都知道float在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”.元素浮动之后,它脱离当前正常的文档流,所以无法撑开其父元素,造成父元素的高度塌陷.如下的代码就是li向左浮动后,ul高度坍陷,所以border就显示为一条线.代码.效果如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8">

#nav li:hover ul 与#nav li a:hover ul 的区别

#nav li:hover ul 与#nav li a:hover ul 有什么区别? ──────────────────────────────────────────── #nav li:hover ul 与#nav li a:hover ul 的区别在于 前者是鼠标在li上时的ul的样式 后者是鼠标在li的a上时的ul的样式 ──────────────────────────────────────────── 这个问题还要考虑浏览器. css1.1 里 :hover 伪类只能用在 a