HTML学习笔记(十一)HTML <div> 和 <span>
2013-05-05 18:05
399 查看
可以通过 <div> 和 <span> 将 HTML 元素组合起来。
编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
例子:<h1>, <p>, <ul>, <table>
例子:<b>, <td>, <a>, <img>
<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
<span> 元素也没有特定的含义。
当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。
HTML 块元素
大多数 HTML 元素被定义为块级元素或内联元素。编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
例子:<h1>, <p>, <ul>, <table>
HTML 内联元素
内联元素在显示时通常不会以新行开始。例子:<b>, <td>, <a>, <img>
HTML <div> 元素
HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
HTML <span> 元素
HTML <span> 元素是内联元素,可用作文本的容器。<span> 元素也没有特定的含义。
当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。
HTML 分组标签
标签 | 描述 |
---|---|
<div> | 定义文档中的分区或节(division/section)。 |
<span> | 定义 span,用来组合文档中的行内元素。 |
相关文章推荐
- HTML学习笔记(七)<div>与<span>
- HTML 学习笔记 - 【<DIV>和<SPAN>的区别】
- HTML && CSS 学习笔记(4)HTML <span> 标签(关键词:HTML/span)
- HTML<css+div> 基础学习
- RT-Thread 学习笔记(十一)--- 开启基于RTGUI的LCD显示功能(1)<LCD驱动接口移植>
- HTML 学习笔记(一)<h1>、<hr />、<p>、<ol><li>、<ul><li>、<dl><dt><dd>、 、<a name="abc">、href="#abc"、mailto
- HTML区块元素<div>及内联元素<span>
- <笔记> HTML 学习——1
- <html>font/basefont、center、link、span
- <ASP.NET4 从入门到精通>学习笔记1
- react-native学习笔记之<TextInput>
- HTML学习记录<八> :嵌入JavaScript的位置
- python基础学习笔记<内建模块与第三方模块>
- HTML使用<span>和<div>布局中遇到的问题
- HTML——<div>、<span><p>、<br>以及<span>之间的关系
- Android学习0906<十一>(ViewPager,fragment碎片)
- HTML 15 <div>和<span>
- RT-Thread 学习笔记(十三)--- 开启基于RTGUI的LCD显示功能(3)<触屏屏驱动移植和测试>
- [模式识别].(希腊)西奥多里蒂斯<第四版>笔记10之__监督学习:后记
- <学习html>第八天笔记-HTML5文档类型和字符集、HTML5新标签与特性(常用新标签、新增input type属性值、常用新属性、多媒体标签)