HTML 的
标签

时间:2022-10-28 15:24:54

这篇文章里会涉及到两个术语,这里先明确一下:

  • 块级元素,block level element
  • 内联元素(或者叫行内元素),inline element
大多数 HTML 元素被定义为块级元素和内联元素。
 
 
—————————————————————————
 
HTML 块级元素
 
块级元素在页面中显示时,通常会以新行来开始。
 
例如:<div>、<h1>、<p>、<ul>、<table>
 
 
—————————————————————————
 
HTML 内联元素
 
内联元素在显示时,通常不会以新行开始。
 
例如:<span>、<a>、<b>、<td>、<img>
 
 
—————————————————————————
 
 
<div> 元素
 
<div> 元素是一个块级元素,也是一个容器,可以容纳其他的 HTML 元素。
 
<div> 元素,用来定义文档中的分区,没有特定的含义。
 
<div> 元素另一个常见的用途是文档布局。它取代了用表格定义布局的老方法。使用 <table> 元素进行文档布局不是表格的正确用法,<table> 元素是用来显示表格化的数据的。
 
 
—————————————————————————
 
<span> 元素
 
<span> 元素是内联元素,可用作文本的容器。与 CSS 一起使用时,可为部分文本设置样式属性。
 
 
 
参考链接:
 
 
 
(完)

HTML 的 <div> 和 <span> 标签的更多相关文章

  1. Div和Span标签显示与隐藏

    本实例中,学习jQuery的知识,显示与隐藏网页上的div或是span标签. 实际环境中,也许是根据某些条件进行,符合条件时,对某个或是某个div或是span标签时行显示与隐藏. 主要是学习jQuer ...

  2. &quot&semi;无意义&quot&semi;的div和span标签

    HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器.<div>元素没有特定的含义.除此之外,由于它属于块级元素,浏览器会在其前后显示折行.如果与 C ...

  3. CSS之div和span标签

    div和span是非常重要的标签,div的语义是division"分割": span的语义就是span"范围.跨度". 这两个东西,都是最最重要的"盒 ...

  4. div和span标签

    ------------------------ ------------------------ ------------------------ 块级标签独占一行,不和别的标签在同一行显示:行内标 ...

  5. div、span绑定内容改变事件

    内容改变事件onchange只适用于form表单标签(input.select.textarea) 当需要对div.span标签进行内容改变监听则无法适用,查阅了一些资料发现jquery有针对的方法, ...

  6. IT兄弟连 HTML5教程 &OpenCurlyDoubleQuote;无意义”的HTML元素div和span

    HTML只是赋予内容的手段,大部分HTML标签都有其意义(例如,标签a创建链接,标签h1创建标题等),然而div和span标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用.但实际上, ...

  7. div和span显示在同一行

    div和span标签的区别 div  是块级元素标签,独占一行,后面跟的内容换行显示 span  是内联元素标签,后面可以跟其他显示内容,不独占一行 display属性可以改变内联元素和块级元素的状态 ...

  8. div和span与块级和行内标签

    <div>标签: 是一个区块容器标记,<div></div>之间是一个容器, 可以包含段落.表格.图片等各种HTML元素. <span>标签: 没有实际 ...

  9. 让HTML标签、DIV、SPAN拥有focus事件和blur事件,聚焦和失焦

    DIV和其他普通标签是不具有onfocus和onblur事件的.INPUT和A标签为什么拥有?而DIV和SPAN等普通标签却没有?有时候我们习惯性用键盘的TAB来移动光标,仔细看你会发现,光标只在IN ...

随机推荐

  1. Lesson 15 Good news

    Text The secretary told me that Mr. Harmsworth would see me. I felt very nervous when I went into hi ...

  2. 51nod 1163贪心

    用优先队列来贪心,是一个很好地想法.优先队列在很多时候可以维护最值,同时可以考虑到一些其他情况. http://www.51nod.com/onlineJudge/questionCode.html# ...

  3. 2016年12月15日 星期四 --出埃及记 Exodus 21&colon;10

    2016年12月15日 星期四 --出埃及记 Exodus 21:10 If he marries another woman, he must not deprive the first one o ...

  4. java jms

    这篇博文我们主要介绍J2EE中的一个重要规范JMS,因为这个规范在企业中的应用十分的广泛,也比较重要,我们主要介绍JMS的基本概念和它的模式,消息的消费以及JMS编程步骤. 基本概念 JMS是java ...

  5. asp&period;net C&num;数据导出Excel实例介绍

    excel导出在C#代码中应用己经很广泛了,我这里就做些总结,供自己和读者学习用. Excel知识点. 一.添加引用和命名空间 添加Microsoft.Office.Interop.Excel引用,它 ...

  6. javaweb学习总结&lpar;三十七&rpar;——获得MySQL数据库自动生成的主键

    测试脚本如下: 1 create table test1 2 ( 3 id int primary key auto_increment, 4 name varchar(20) 5 ); 测试代码: ...

  7. 点击datalist中Button按钮出现&OpenCurlyDoubleQuote;回发或回调参数无效&period;&period;&period;&period;&period;&period;”

        遇到问题: 回发或回调参数无效.在配置中使用 <pages enableEventValidation="true"/> 或在页面中使用 <%@ Page ...

  8. msyql在查询字段中的所有记录,不重复

    mysql> select * from a ;  +----+------+--------------+ | id | name | descri       | +----+------+ ...

  9. HDU 3499 Flight spfa&plus;dp

    Flight Time Limit : 20000/10000ms (Java/Other)   Memory Limit : 65535/65535K (Java/Other) Total Subm ...

  10. XML配置文件的命名空间与Spring配置文件中的头

    一直以来,写Spring配置文件,都是把其他配置文件的头拷贝过来,最多改改版本号,也不清楚哪些是需要的,到底是干嘛的.今天整理一下,拒绝再无脑copy. 一.Spring配置文件常见的配置头 < ...