HTML元素的分类

块元素

div:无语义,常用于布局

aside:表示article元素的内容之外的与article元素的内容相关内容

figure:表示一段独立的流内容;使用

元素为其添加标题

例:

PRC

the people......

dialog:该标签定义对话

例:

老师2+2等于?学生4

行元素

span:无语义,多用于布局

mark:呈现突出显示的...

time:表示日期会时间;

meter:表示度量衡,用于已知最大与最小值得度量;

progress:表示运行中的进程;

行元素——块元素的区别:

行元素:不能设置宽高,内容撑开宽度,自左向右排列;

块元素:默认占用一整行,并且总是从新的一行开始,默认是自适应宽度;

第三类元素

结构元素

section:定义文档的衣蛾区段,如章节、页眉等,可以与h1...h6配合使用;

article:表示文档中的一块独立的内容,如博客或报纸的一篇文章;

header:表示页面中一个内容区块或整个页面的标题;

nav:表示导航链接的部分;

footer:表示整个页面或页面中一个内容区块的脚注。

多媒体元素:

video和audio:分别用来插入视频和声音;

交互性元素

details:表示用户要的并可得到的细节信息,可与summary配合使用;

例:

HTML5

this document teachers you have to learn about HTML5.

datagrid:表示可选数据的列表,通常用于显示树列表;

menu:表示菜单列表,通常用于列出表单控件;

例:

  • Red
  • Blue

command:表示命令按钮,如单选、复选、普通按钮。

input元素类型

email:用于应包含E-mail地址的输入域;

url:用于应包含URL地址的输入域;

number:用于应包含数值的输入域;

range:用于应包含一定范围内数字值得输入域;

search:用于搜索域,如站点搜索;

HTML5的多个供选取日期和时间的新输入类型

date:——选取年、月、日;

month:——选取月、年;

week:——选取周、年;

time:——选取时间(小时和分钟);

datetime:——选取时间、日、月、年;

datetime-local:选取时间、日、月、年(本地时间);

[转]HTML标签元素的分类

在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素和内联块状元素. 常用的块状元素有:

.

HTML元素以及HTML元素的分类

HTML元素以及HTML元素的分类 html标签又叫做html元素,它分为块级元素和内联元素(也可以叫做行内元素),都是html规范中的概念 块级元素 含义:块级元素是指本身属性为display:bl ...

html元素的分类有哪些?

今天零度给大家讲一下基本的html元素分类: HTML元素的分类其实主要有两种元素构成——块级元素和内联元素. html元素的分类有块级元素和行内元素 一.块级元素(block)的特点: 1.总是在新 ...

CSS入门(边框、轮廓、元素的分类、盒子模型的三个构成部分)

一.边框属性 作用:给元素加上一个边框 第一种: border-top border-bottom border-left boder-right 三个属性值: 粗细 线型 颜色 第二种: borde ...

css中元素的分类

按照显示元素分类: 行内元素(lnline-element):元素的高度,行高,顶底边距由元素所包含的图片或文字所决定,不可改变:其宽度为内容文字或图片的宽度所决定,而其左右边距可人为设置. 行内元素 ...

html元素的分类以及特点

解释几个概念: 替换元素:官方解释是,一个内容不受css视觉格式化模型控制,css渲染模型并不考虑对此内容的渲染,且元素一般拥有固定的尺寸,(高度,宽度)的元素,被称为置换元素.通俗来说就是浏览器根据 ...

前端之Html元素的分类

一.html元素可分为三大类:块元素.内联元素.可变元素 1.块元素: 常见块状元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,h1-h6,filedse ...

HTML中块级行级元素小分类

行内元素列表: 标签可定义锚 表示一个缩写形式 定义只取首字母缩写 字体加粗 可覆盖默认 ...

了解HTML 元素分类

HTML中包含大量的标签, 这些标签在我们使用中发现会有小小的差别, 有的标签用了之后不会有太大的布局变化, 只是语义化, 而有的标签却会重起一行, 相当于自己回车了一次, 这就是不同标签元素的分类不 ...

随机推荐

Win7配置Nginx+PHP7

Nginx Nginx有官方native build的32bit版本, 也有cygwin build的64bit版本, 出于稳定性的考虑, 还是选了官方的32bit. 解压, 本例中使用的路径是 C: ...

同一个主机上的JVM实例之间通信

hadoop yarn里用了RPC调用.NM里面文件本地化类ContainerLocalizer用RPC心跳方式跟本机的ResourceLocalizationService通信. 用shared m ...

oracle创建临时表

Oracle临时表可以说是提高数据库处理性能的好方法,在没有必要存储时,只存储在Oracle临时表空间中.希望本文能对大家有所帮助. 1 .前言 目前所有使用 Oracle 作为数据库支撑平台的应用, ...

java.sql.SQLException: Before start of result set解决方法

java.sql.SQLException: Before start of result set解决方法 今天做东西的时候发现这个错误,查了查,特地记下来,以后开始积累了 哈哈 解决发法是: 使用r ...

【索引】Android相关的

Eclipse开发环境 JDK的下载和安装:http://www.cnblogs.com/duxiuxing/p/4771901.html Android SDK的下载和安装:http://www.c ...

使用IntelliJ IDEA开发SpringMVC网站

连接:https://my.oschina.net/gaussik/blog/385697

MYSQL delete 从多人表中删除

语法 1. delete table_list_A from table_list_B where bool_expression; 从delete_table_list_A 删除 bool expr ...

ESMOD北京高级时装艺术学校_百度百科

ESMOD北京高级时装艺术学校_百度百科 ESMOD北京高级时装艺术学校

Android Fragement学习笔记(三)----PreferenceFragment的使用

相信大家对Perference都比較熟悉了,也就是我们常说的偏好设置,首选项设置,能够保存一些数据,比如我们在上一次使用的时候的一些内容,希望在下一次启动后依旧生效,而不须要再进行配置那么麻烦.一般这 ...

说说最近的项目情况吧(OLCS Part1)

这几天一直在做从04年项目的老代码移植到用portlet spring mvc框架的系统中,由于对业务逻辑的不清楚,代码没有认真的研究,导致各种问题.希望自己长点心吧♥

HTML元素的分类及特点,HTML元素的分类相关推荐

  1. html:(38):元素分类和块级元素

    元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <di ...

  2. html 图片是块元素吗,HTML+CSS:html元素分类之块级元素、内联元素、内联块级元素...

    原标题:HTML+CSS:html元素分类之块级元素.内联元素.内联块级元素 html元素主要分为3类,块级元素.内联元素以及内联块级元素,本篇文章我们来就详细介绍一下各个分类的含义以及对应的特点. ...

  3. HTML元素分类:行内元素,块级元素,行内块元素;及其各自的特点

    目录 块级元素 行内元素(内联元素) 行内块元素(内联块级元素) 一.块级元素(block)         定义:默认情况下,独占一行的元素就是块级元素.         特点: 每个块级元素独占一 ...

  4. html:(39):块级元素和内联块级元素

    元素分类--内联元素 在html中,<span>.<a>.<label>. <strong> 和<em>就是典型的内联元素(行内元素)(in ...

  5. css块元素与行内元素特点,CSS区分块级元素和行内元素

    块级元素(块级元素一般当做容器使用,既可以容纳内联元素也可以容纳块级元素) 特点: 1.每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行. 2.元素的高度.宽度.行高和顶底 ...

  6. java的string访问某个元素_CSS伪类与伪元素总是傻傻分不清,这份总结够面试用了

    熟悉前端的人都会听过 css 的伪类与伪元素,然而大多数的人都会将这两者混淆.本文从解析伪类与伪元素的含义出发,区分这两者的区别,并且列出大部分伪类与伪元素的具体用法,即使你有用过伪类与伪元素,但里面 ...

  7. vector用erase删除元素时,为什么被删元素的析构函数会被调用更多次?

    vector用erase删除元素时,为什么被删元素的析构函数会被调用更多次? 分类: C++2011-08-18 14:55 720人阅读 评论(0) 收藏 举报 vectoriteratorexce ...

  8. 24.shell中list详解,定义list,获取List的总个数,获取list的某个元素值,将list的每个元素转换成以空格分隔的字符串,空格分隔的字符串转换成list,for循环list

    文章目录 前言 定义list 获取List的总个数 获取list的某个元素值 将list的每个元素转换成以空格分隔的字符串 空格分隔的字符串转换成list for循环list 总结 友情链接 前言 s ...

  9. HTML 块级元素、行内元素和行内块级元素

    一.块级元素.行内元素和行内块级元素 在 HTML 5 标准前,HTML 中的元素可以分为块级元素.行内元素(又称行级元素)和行内块级元素三种类型 ,它们的主要区别在于它们在文档流中所占据的空间和如何 ...

最新文章

  1. andorid 启动模式面试题
  2. 逻辑回归算法c语言_逻辑回归算法背后的数学
  3. windows服务器连接linux nfs,windows设置通过NFS连接到Linux共享数据
  4. 页面加载时间如何影响你的收益?
  5. android 中ImageView的scaletype属性
  6. 二叉查找树-优化版,使用了指针引用
  7. Java封装图书信息类
  8. centos7 安装 php7
  9. RabbitMQ教程_4 Java 使用rabbitmq
  10. 最新版盲盒商城thinkphp+uniapp
  11. mac的鼠标滚动方向和触摸板方向,一个插件搞定
  12. HDFS Rack Awareness详解
  13. 行走在数据库上的行癫(三)
  14. 四川农业大学计算机科学技术专业,四川农业大学计算机系简介
  15. stm32中的或运算 ||
  16. 华为交换机忘记密码、修改密码、重置密码
  17. 第五章 SQL定义表(一)
  18. 《数据结构与抽象:Java语言描述(原书第4版)》一2.1.7 删除项的方法
  19. 留学英国计算机专业推荐信,计算机专业留学推荐信范文
  20. 论文阅读:DeepDDG:使用神经网络预测蛋白质点突变的稳定性变化

热门文章

  1. 《数据结构及应用算法教程》(修订版)严蔚敏、陈文博版 学习记录及资料
  2. 【生态大会】数澜科技助力企业IT伙伴继续掘金DT时代
  3. 华为codecraft算法大赛---寻路
  4. python单步调试工具pdb
  5. SDUT-A-小C语言--词法分析程序-附带详细备注
  6. 记一次SpringBoot启动异常,jar问题的排查分析
  7. ATTASM汇编参考
  8. 完整的模型训练套路(pytorch)
  9. edge-connect 论文代码复现
  10. 2022中国高级人才管理实践白皮书