h5列表 php,常用的HTML5列表标签

这次给大家带来常用的HTML5列表标签，使用用HTML5列表标签的注意事项有哪些，下面就是实战案例，一起来看一下。

一、列表标签作用

作用：给一堆数据添加列表语义，也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体

二、列表标签分类：

1、无序列表unorderd list:给一堆数据添加列表语义，并且一堆数据中所有的数据都没有先后之分

格式：

需要显示的条目内容

注意：ul标签是给列表内容添加语义的不是添加小圆点的；ul标签和li标签是一个整体，一起出现；ul标签中不推荐包含其它标签,可以在li标签中添加其它标签

如何快速编写ul格式：ul>li*3 按tab键生成一对ul标签，3对li标签

应用场景为新闻／商品列表／导航条

2、有序列表orderd list：

3、定义列表definition list:

dt: definition title定义标题

dd: definition description定义标题的描述

应用场景：网站底部的描述信息；图文混排

注意点：dl和dt、dd是一个整体，一起出现，dl中建议只放dt、dd；一个dt可以没有对应的dd，也可以有多个dd，建议一个dt对应一个dd；需要丰富界面时，可以在dt和dd标签中添加其它标签

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

h5列表 php,常用的HTML5列表标签相关推荐

Linux源列表位置,常用linux源列表（国内163源）
在安装完linux系统后,需要下载一些常用的软件,默认的软件源都是国外的源,下载速度会比较慢,所以修改一下源列表,添加国内的源,会节约很多时间,下面就是一些常用的源列表 debian6(163源) d ...
HTML5中常见的列表标签包括,介绍几个常用的HTML5标签
一.Html的基本结构: 网页的文本.图片等信息: 二.Head部分:用于表示网页的元数据即描述网页的基本信息其常用标签及属性有: 1.title标签:浏览器标签页显示的标题 2.meta标签:其常 ...
HTML5 列表、表格、常用表单、基本标签
学习目标: 了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签掌握H5新增表单和表单属 ...
html5列表标签代码,HTML5列表标签和表格标签(示例代码)
一.列表 1.1 什么是列表标签? 作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一对数据是一个整体无序列表---unordered-list(最多):新闻列表.导航.商品列表作用: ...
html5哪个标签首字母大写,HTML5中标签和常用规则有哪些？html5标签以及规则的介绍...
这篇文章给大家介绍的内容是关于HTML5中标签和常用规则有哪些?html5标签以及规则的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1. 命名规则 [强制]class:必须单 ...
怎么改变html无序列表的字号,html无序列表代码 html5 无序列表的行距怎么设置
html语句怎么实现无序列表并排?就是两列怎么实现无序列表并排111 无序列表并排222 css: - #list li{float:left;} float浮动就行了,最好给ol和li设定固定宽度 ...
安卓常用控件--列表视图
安卓常用控件--列表视图 (一)列表视图概述 1.继承关系图 2.列表视图API文档 3. 列表视图四要素 4.四种适配器 (二)数组适配器 1.数组适配器API文档 2.数组适配器继承关系 3.数组 ...
HTML5列表和超链接(1)
HTML5列表和超链接文章目录 HTML5列表和超链接 4.1 HTML5列表 4.1.1 无序列表.有序列表 4.1.2 项目编号 4.1.3 嵌套列表.描述列表.菜单列表 4.1.4 快捷菜单. ...
HTML5列表和超链接（2）
HTML5列表和超链接文章目录 HTML5列表和超链接 4.2 HTML5超链接 4.2.1 普通链接.块链接 4.2.2 锚点链接.目标链接 4.2.3 电子邮件链接.下载链接 4.2.4 图像热 ...

h5列表 php,常用的HTML5列表标签

h5列表 php,常用的HTML5列表标签相关推荐

最新文章

热门文章