IT培训 / 新闻资讯 / Web开发教程 / web前端：HTML块级、行级元素，特殊字符，嵌套规则

web前端：HTML块级、行级元素，特殊字符，嵌套规则

作者：大灰牛博客来源： https://www.cnblogs.com/dhnblog/p/12301813.html点击数：960发布时间： 2020-04-10 09:03:38

标签： DIV css HTML

　　块元素又名块级元素(blockelement)，和其对应的是内联元素(inlineelement)，都是html规范中的概念。大多数HTML元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始(和结束)。

　　如果介绍HTML网页基本标签的嵌套规则，首先要说的就是元素的分类。元素可以划分为块级元素和行级元素，块级元素是什么？它可以独占一行，可以设置宽高度，默认是100%；行级元素与之相反，它的内容决定它的宽高度，至于特殊字符就当成是文字来看

　　<!DOCTYPEhtml>

　　<htmllang="en">

　　<head>

　　<metacharset="UTF-8">

　　<metaname="viewport"content="width=device-width,initial-scale=1.0">

　　<title>HTML块级、行级元素，特殊字符，嵌套规则</title>

　　</head>

　　<body>

　　块元素分为文字类和容器类

　　文字类块元素:p、h1——h6

　　容器类块元素：div、table、tr、td、frame、ul>li、ol、dl、dt、dd（序列）

　　行元素：aimginputstrongemdelspan

　　特殊字符：文字br&nbsphr

　　</body>

　　</html>

　　嵌套规则总结如下几点：

　　1.块元素可以嵌套行元素2.行元素可以嵌套行元素3.行元素不可以嵌套块元素4.文字类块元素不可以嵌套块元素5.容器类块元素可以嵌套块元素

　　以下html网页基本概念、html网页基本结构、HTML基础标签图片文本超链接列表表格介绍、html基本标签表单实现交互原理，单选框，复选框，下拉框介绍、网页DIV+css布局与ifame传统布局对比的相关博文就是HTML的全部部分了，HTML的学习主要是了解它的语义化嵌套规则来构建页面，至于页面的CSS与交互逻辑JS则是下面要练习的内容!

　　块元素和内联元素的基本差异是块元素一般都从新行开始，相邻的块级元素将会在不同行显示。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素加上display:block这样的属性，让它也有每次都从新行开始的属性，即成为块元素同样我们可以把块元素加上display:inline这样的属性，让它也在一行上排列。

踩(0)

分享到：

上一篇：web前端：node-sass安装报错解决办法

下一篇：web前端：前端开发基础，JavaScript 主要作用是什么？