本文目录

• 为什么说div是最好的层次结构呢
• 前端的标签有哪些

为什么说div是最好的层次结构呢

我来回答一下吧，前端切图仔好几年，要不是你问这个问题，我还没这么想过，这么一说，我来说说吧。

《div》 标签定义 HTML 文档中的分隔（DIVision）或部分（section）。新增的h5标签里有《header》《header/》，《section》《/section》，《article》《/article》等等标签。div属于web前端的学习内容，其中《div》 标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。《div》 可定义文档中的分区或节（division/section）。《div》 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 《div》，那么该标签的作用会变得更加有效。

DIV+CSS网页布局“教与学”方式

采用 DIV+CSS 网页布局与传统的表格布局相比，有许多的优势：

1、页面加载速度快传统的表格布局必须等表格加载完才显示相应的网页内容，而 DIV+CSS 网页布局是由一个个松散的 DIV 盒子组成，它可以实现边加载边显示内容。

2、内容与外观相分离该布局方式实现了内容和外观相分离，不仅提高了网页设计的效率，而且使网页的维护变得更加容易。

3、有利于搜索引擎搜索由于该布局方式内容与外观相互独立，搜索引擎在检索的时候可以避开外观部分的干扰，做好内容部分的检索。

DIV+CSS 网页布局已成为网页设计的核心技术，这也是计算机相关专业学生的必备技能。

前端的标签有哪些

前端的标签有哪些？

• 《!--》
• 《!DOCTYPE》
• 《a》
• 《abbr》
• 《acronym》
• 《address》
• 《applet》
• 《area》
• 《article》
• 《aside》
• 《audio》
• 《b》
• 《base》
• 《basefont》
• 《bdi》
• 《bdo》
• 《big》
• 《blockquote》
• 《body》
• 《br》
• 《button》
• 《canvas》
• 《caption》
• 《center》
• 《cite》
• 《code》
• 《col》
• 《colgroup》
• 《command》
• 《datalist》
• 《dd》
• 《del》
• 《details》
• 《dfn》
• 《dialog》
• 《dir》
• 《div》
• 《dl》
• 《dt》
• 《em》
• 《embed》
• 《fieldset》
• 《figcaption》
• 《figure》
• 《font》
• 《footer》
• 《form》
• 《frame》
• 《frameset》
• 《h1》 - 《h6》
• 《head》
• 《header》
• 《hr》
• 《html》
• 《i》
• 《iframe》
• 《img》
• 《input》
• 《ins》
• 《kbd》
• 《keygen》
• 《label》
• 《legend》
• 《li》
• 《link》
• 《main》
• 《map》
• 《mark》
• 《menu》
• 《menuitem》
• 《meta》
• 《meter》
• 《nav》
• 《noframes》
• 《noscript》
• 《object》
• 《ol》
• 《optgroup》
• 《option》
• 《output》
• 《p》
• 《param》
• 《pre》
• 《progress》
• 《q》
• 《rp》
• 《rt》
• 《ruby》
• 《s》
• 《samp》
• 《script》
• 《section》
• 《select》
• 《small》
• 《source》
• 《span》
• 《strike》
• 《strong》
• 《style》
• 《sub》
• 《summary》
• 《sup》
• 《table》
• 《tbody》
• 《td》
• 《textarea》
• 《tfoot》
• 《th》
• 《thead》
• 《time》
• 《title》
• 《tr》
• 《track》
• 《tt》
• 《u》
• 《ul》
• 《var》
• 《video》
• 《wbr》

按元素类型可分为行内元素和块级元素

块级元素的定义？

• 总是在新行上开始；
• 高度，行高以及外边距和内边距都可控制；
• 宽度缺省是它的容器的100%，除非设定一个宽度。
• 它可以容纳内联元素和其他块元素

行内元素的定义？

• 和其他元素都在一行上；
• 高，行高及外边距和内边距不可改变；
• 宽度就是它的文字或图片的宽度，不可改变
• 内联元素只能容纳文本或者其他内联元素

块级元素有哪些？

《address》定义地址。

《article》定义文章。

《aside》定义页面内容之外的内容。

《audio》定义声音内容。

《blockquote》定义长的引用。

《canvas》定义图形。

《caption》定义表格标题。

《dd》定义定义列表中项目的描述。

《div》定义文档中的节。

《dl》定义定义列表。

《dt》定义定义列表中的项目。

《details》定义元素的细节。

《fieldset》定义围绕表单中元素的边框。

《figcaption》定义 figure 元素的标题。

《figure》定义媒介内容的分组，以及它们的标题。

《footer》定义 section 或 page 的页脚。

《form》定义供用户输入的 HTML 表单。

《h1》 to 《h6》定义 HTML 标题。

《header》定义 section 或 page 的页眉。

《hr》定义水平线。

《legend》定义 fieldset 元素的标题。

《li》定义列表的项目。

《menu》定义命令的列表或菜单。

《meter》定义预定义范围内的度量。

《nav》定义导航链接。

《noframes》定义针对不支持框架的用户的替代内容。

《noscript》定义针对不支持客户端脚本的用户的替代内容。

《ol》定义有序列表。

《output》定义输出的一些类型。

《p》定义段落。

《pre》定义预格式文本。

《section》定义 section。

《table》定义表格。

《tbody》定义表格中的主体内容。

《td》定义表格中的单元。

《tfoot》定义表格中的表注内容（脚注）。

《th》定义表格中的表头单元格。

《thead》定义表格中的表头内容。

《time》定义日期/时间。

《tr》定义表格中的行。

《ul》定义无序列表。

行内元素有哪些？

《a》定义锚。

《abbr》定义缩写。

《acronym》定义只取首字母的缩写。

《b》定义粗体字《bdo》定义文字方向。

《big》定义大号文本。

《br》定义简单的折行。

《button》定义按钮 (push button)。

《cite》定义引用(citation)。

《code》定义计算机代码文本。

《command》定义命令按钮。

《dfn》定义定义项目。

《del》定义被删除文本。

《em》定义强调文本。

《embed》定义外部交互内容或插件。

《i》定义斜体字。

《img》定义图像。

《input》定义输入控件。

《kbd》定义键盘文本。

《label》定义 input 元素的标注。

《map》定义图像映射。

《mark》定义有记号的文本。

《objec》定义内嵌对象。

《progress》定义任何类型的任务的进度。

《q》定义短的引用。

《samp》定义计算机代码样本。

《select》定义选择列表（下拉列表）。

《small》定义小号文本。

《span》定义文档中的节。

《strong》定义强调文本。

《sub》定义下标文本。

《sup》定义上标文本。

《textarea》定义多行的文本输入控件。

《time》定义日期/时间。

《tt》定义打字机文本。

《var》定义文本的变量部分。

《video》定义视频。

《wbr》定义可能的换行符。