HTML 元素被定义为块级元素或内联元素

大多数 HTML 元素被定义为块级元素内联元素

10. 块级元素

块级元素在浏览器显示时,通常会以新行来开始(和结束)。

我们已经学习过的块级元素有: <h1>, <p>, <ul>, <table> 等。

值得注意的是: <p> 标签中不能包含任何块级元素。

<div> 元素

<div> 元素是块级元素,它可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。

如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。

值得注意的是: <div> 取代了使用表格定义布局的老式方法。

内联元素

内联元素在显示时通常不会以新行开始。

我们已经学习过的内联元素有: <td>, <a>, <img> 等。

值得注意的是: <a> 标签中不能包含 <a> 标签,但可以包含其他任何元素。

<span> 元素

<span> 元素是内联元素,可用作文本的容器。<span> 元素也没有特定的含义。

当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。

值得注意的是: 内联元素中不能包含块级元素。一般都是块级元素中包含内联元素。

undefined

相关推荐
IT_陈寒3 分钟前
Redis客户端连接池不关闭的后果,程序直接崩给我看
前端·人工智能·后端
怕浪猫3 分钟前
Electron 开发实战(九):调试技巧与开发者工具|测试、性能分析、日志追踪全解
前端·javascript·electron
喜欢踢足球的老罗6 分钟前
产品方案:从已有 CRM AI 系统切入 WhatsApp Chrome 插件赛道
前端·人工智能·chrome
无心使然7 分钟前
OpenLayers 10.9.0 渲染架构分析
前端·gis·数据可视化
智能制造产品经理代码提升8 分钟前
ES6+ 标准使用手册
前端·javascript·es6
Solis程序员10 分钟前
拿捏登录安全:RS256 + 双令牌,把非法请求拦在 Redis 白名单门外
java·安全·缓存·面试·bootstrap·html
xiaofeichaichai13 分钟前
ES6+ 模块
前端·ecmascript·es6
xuankuxiaoyao15 分钟前
阶段案例——后台管理系统
java·linux·前端
恋猫de小郭16 分钟前
Android 17 内存管理将严格管控,App 要注意适配
android·前端·flutter
暗冰ཏོ19 分钟前
《uni-app 跨端开发完整指南:从基础入门到 H5、小程序、App 发布上线》
前端·小程序·uni-app·vue·html5