HTML5那些容易搞混的东东

༺დ小浪人༻ ༺დ小浪人༻ 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 200+累计阅读 238平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄8年
关注
原创 最新推荐文章于 2026-07-14 09:58:50 发布 238 阅读 AI 写同款· GEO 优化 ›
H5 和 HTML 是一个东西吗？一次讲清楚它们的关系 本文解答 “H5 与 HTML 的关系” 这一常见疑惑。H5 是 HTML5 的简称，作为 HTML 第五代版本，2014 年发布后成主流。其相较旧版，新增语义化标签（如<header><nav>）、原生支持音视频、具备离线存储等 API 功能，语法更灵活。日常语境中，“H5” 指用 HTML5 技术制作的交互性多媒体网页，如微信广告页、H5 小游戏等。新手应直接学习 HTML5，重视语义化标签，结合 CSS3 和 JavaScript 实现完整页面开发。 阅读详情

前端那些容易搞混的东东

margin和padding

margin 是外边距
padding 是内边距

rem和em

em的缩放比例是以父元素做参考的
rem的缩放比例是以根元素做参考的

——2019/10/28

收录于
前端

当前文章被收录于：

前端
2 篇文章 0 人学习
订阅专栏 查看详情
标签
#容易混淆的知识 #前端 #学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
HTML5核心实战项目完整指南 <h1 itemprop="headline">HTML5语义化实战指南</h1>发布于 2025年4月5日</time>本文详细介绍HTML5语义标签的最佳实践...李四 阅读详情

相关推荐

像素小鸟飞行HTML5游戏源码完整解析与实战

从Canvas绘图到动画循环，从物理模拟到碰撞检测，再到状态管理和本地存储——我们一步步构建了一个完整的HTML5小游戏骨架。这其中每一个环节都不是孤立存在的，而是相互协作、共同支撑起整个系统的稳定运行。你会发现，真正难的不是某个具体的技术点，而是如何把这些模块有机地组织在一起。就像搭积木一样，每一块都要放得恰到好处，才能建成一座坚固的大厦。现在，轮到你了！不妨试着在这个基础上添加新功能：- 加入昼夜交替效果？- 设计不同的主题皮肤？- 实现排行榜联网功能？

weixin_33308579的博客 543

一些总是记不住又容易搞混淆的东西(不断更新)

angular 获取浏览器的宽高: $window.innerWidth; 　　//浏览器的宽 $window.innerHeight; 　　//浏览器的高 jquery $ jqlite 获取鼠标相对于浏览器左上角的距离: e.pageX; 　　　　　 　　 //鼠标相对于浏览器左上角的left e.pageY; 　　　　　　 　　 //鼠...

知行合一 1510

硬件工程师八大细分岗位详解：从芯片到整机的技术分工与职业选择

硬件工程作为电子系统设计的核心领域，涉及从芯片级到整机级的完整技术链条。其基本原理是通过电路设计、信号处理和功率管理等技术，将电子元件集成为功能完备的硬件系统。随着产品复杂度提升，硬件工程师岗位出现高度专业化分工，这种细分不仅提升了技术深度，更优化了团队协作效率。在工程实践中，信号完整性和电源完整性成为高速数字设计的两个关键技术挑战，直接影响系统稳定性。本文基于行业热词"硬件工程师"和"信号完整性"，深入解析八大细分岗位的技术差异，帮助从业者明确职业发展方向，构建系统化的硬件设计思维。

weixin_33811539的博客 452

Html通过thymeleaf显示图片

请着重看清楚红框里面的内容，双引号在外，单引号在内，搞混了也会显示不出来图片

pukun888的博客 6592

OpenVINS实战指南：从环境搭建到RGB-D相机实时建图

本文提供了一份详细的OpenVINS实战指南，涵盖从Ubuntu与ROS环境搭建、依赖安装与编译调试，到连接RGB-D相机进行实时建图的完整流程。重点解决了RealSense D435i等设备的驱动配置、话题对齐及常见问题，并分享了传感器标定与性能优化技巧，帮助开发者快速实现稳定高效的视觉惯性里程计系统。

weixin_29201313的博客 485

MMWCAS-DSP-EVM与AWR2243实战：从开箱到数据采集的完整避坑指南

本文提供了MMWCAS-DSP-EVM与AWR2243毫米波雷达评估板从开箱、软硬件准备、固件烧录到数据采集的完整实战指南。重点解析了硬件连接、软件版本匹配、固件烧录、网络配置及MMWave Studio GUI操作等关键步骤，并汇总了常见问题排查方法，帮助开发者快速上手并规避常见陷阱。

algae的博客 504

html页面相对布局,HTML5 布局标签

HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站,相对HTML4，HTML5新增的带有语义化的标签可以代替div进行页面布局(与html5.js结合起来时可以放心使用)，语义化标签有相对应的结构，这样我们就不用一层嵌套一层的使用div啦。抛开IE浏览器兼容性这个最大的阻碍，前端工程师应该跟随HTML5时代的召唤熟悉HTML5布局标签，并在将来的开发中灵活和适当的运用...

weixin_35891724的博客 599

STM32CUBEMX | STM32L431RCT6的内部Flash操作

一、STM32CUBEMX配置 1、选择芯片型号： 2、配置时钟源 1、 如果选择使用外部高速时钟（HSE），则需要在System Core中配置RCC； 2、 如果使用默认内部时钟（HSI），这一步可以略过； 3、配置时钟树 STM32L4的最高主频到80M，所以配置PLL，最后使HCLK = 80Mhz即可： 4、代码生成设置 点击GENERATE CODE即可生成MDK-V5工程： 二、在MDK中编写、编译、下载用户代码 1、STM32内部Flash及HAL库API 查看所使用芯片的信息，

yongridada的博客 5570

html5 img 占位图,HTML 最佳实践

DOCTYPE 头部开始Bad:...Good:...不要用旧的 DOCTYPEBad:/p>"http://www.w3.org/TR/html4/strict.dtd">Good:不要用 XML 声明Bad:Good:最好不要用字符引用Bad:Copyright © 2014 W3C®Good:Copyright © 2014 W3C®Escape &, , ", and ...

weixin_33173126的博客 1299

基于STM32F103标准库与DMA的实时音频FFT频谱显示系统设计

本文详细介绍了基于STM32F103芯片与DMA技术实现实时音频FFT频谱显示系统的设计方法。通过标准库驱动和FFT算法处理音频信号，结合OLED显示屏实时绘制音乐频谱，涵盖硬件选型、核心原理、开发环境搭建及性能优化等关键步骤，为数字信号处理应用提供实用参考。

yellow的专栏 777

1.深入浅出：理解三极管截止、放大和饱和状态！——参考《模拟电子技术基础》清华大学华成英主讲

幼儿园水平理解三极管截止、放大和饱和状态！书上看不懂，听课听不懂的过来！ 绕不开的三极管结构 以NPN为例，晶体三极管的结构，这是很多人不想看的，但是确实是非常重要的！不看结构是理解不了工作原理的！ （这样记忆：N是negative，负，代表多子为电子；P是positive，正，代表多子为空穴） 注意观察三极管的结构，有助于理解工作时的状态。 两张图结合起来看，略作解释： 1.图中空心为空穴带正...

Hardware_harder的博客 4万+

H5和HTML5的区别

我也是一直搞混淆，总是傻傻分不清楚，看了这篇文章，总算有了一个大概的认识。 感谢：foreverlikui ，参考： 博文 注意注意：H5不=HTML5 H5 是一个产品名词 HTML5是一个技术名词 对于知乎多个相关问题里批判H5的叫法，我只想说：图样图森破，上台拿衣服 打个比方，如果有个人跟你说：“我要做个网站，H5的”。 那TA是想让你用header、footer、nav、se...

看风听雨 4788

Qualcomm 常用NV列表

^ NV ITEM ^ 功能^^ |NV10 |mode prefer，找网模式|新平台使用NV80000| ^NV74 NV74=0关闭自动接听电话^ |NV240 |NV240=FALSE|EVDO出现网络的问题，此项必须设定为FALSE| |NV255 |CDMA规避网络列表(SID/NID号)| |NV256 |

sdrgtywretyeruet的专栏 5771

html5＜video＞使用踩坑记录

html5＜video＞视频加载失败绑定error事件一直不触发 视频播放失败后再次点击播放

for_story的博客 2062

Android Framework WMS全面概述和知识要点

WindowManagerService 类是整个 WMS 的核心大脑，处于系统服务层，负责协调和管理所有与窗口相关的操作。它在 Android 系统架构中起到承上启下的关键作用，向上对接应用层的窗口请求，向下与 SurfaceFlinger 等底层组件交互，确保窗口能够正确地在屏幕上显示和管理。

大模型大数据攻城狮的专栏 1795

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面，电脑运行连游戏界面都一样大小，很怀旧，很真实，（英文版）强烈推荐，很小的文件，很难才找到的。

html5自动换图,html5教你做炫酷的碎片式图片切换 (canvas)

前言老规矩，先上源码。图片区域是可以点击的，动画会从点击的位置开始发生。本来这个效果是我3年前做的，只是当是是用无数个 div 标签完成的，性能比较成问题，在移动端完全跑不动。最近心血来潮想学习一个做 CSS 效果很厉害的大神用纯 CSS 实现，无奈功力不够只能放弃，最终选择用 canvas 来完成了。准备工作1. 首先准备相同尺寸的图片若干张，本例中图片尺寸均为 1920 * 1080(注意：这...

weixin_39533361的博客 646

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

html5 head标签

head> 标签是所有头部标签的容器。 标签必须包含文档的标题，可以包含脚本、样式、meta 信息以及其他更多的信息。标签中一般可以包含以下标签：、、、、、。标签提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。标签用于为页面中的所有相对链接设置默认URL或默认target属性。

weixin_49346755的博客 1082

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具，可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示

html5中的svg

一、什么是svg？ SVG 全称是 Scalable Vector Graphics，即，矢量图。 SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。此外SVG 是万维网联盟的标准，SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体。 在 Web 中使用 SVG 可以解决位图放大失真的问题。首先，不要

Fancy_vae的博客 1062

HTML5的File API应用

原文：http://blog.meathill.com/tech/js/html5-file-reader-file-writer.html HTML5新增了很多特性，其中File API是非常重要的部分。在肉大师中，我大量使用了HTML5的文件API，这样一来可以给予用户近乎桌面软件的体验，二来还能减少服务器和带宽的消耗。今天终于把最后几个问题解决了，在这里总结下HTML5 File AP

Quincylk的专栏 3413

HTML5 布局标签

HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站,相对HTML4，HTML5新增的带有语义化的标签可以代替div进行页面布局（与html5.js结合起来时可以放心使用），语义化标签有相对应的结构，这样我们就不用一层嵌套一层的使用div啦。抛开IE浏览器兼容性这个最大的阻碍，前端工程师应该跟随HTML5时代的召唤熟悉HTML5布局标签，并在将来的开发中灵活...

weixin_30549657的博客 170

html按钮元件,HTML5技术教程：使用元件_HTML5教程_创建元件_使用元件_课课家

相信大家通过前面的学习，对于HTML5，也开始逐渐了解了吧，最重要大家要从中学得到东西，不要盲目跟从，也要结合自己的理解去看教程，其实那些是基础入门的内容，这次我们课课家教育将继续为大家带来的HTML5的相关教程：HTML5技术教程：使用元件，其实这个也是一个基础入门的内容，但学习都是要由浅入门的，所以我们要慢慢来，由浅入深，希望这个教程能对新手及各位爱好者有所帮助。我们首先来介绍一下元件：(其实...

weixin_39618275的博客 546

HTML - 扫盲

本文主要内容 ： 对 HTML 简单认识 ， 了解 HTML 常用标签

mu_tong_的博客 4632

HTML表格制作

HTML中制作表格有两种方法： （1）先把最原始的表格画出来，每一个都是单个单元格，然后再根据要求进行行合并或列合并，有的表格需要行列都合并，则也是把它分为两步做，先合并行再合并列（或者先合并列再合并行），若进行了colspan和rowspan的合并，则将之后同一行或同一列的单元格删除，但这种方法较麻烦，容易搞混。 （2）直接根据最终要生成的表格来操作，将每个合并的单元格看做一个小的单元格，不...

哇塞 4万+

html5学习笔记(html5新标签<footer>,<header>,<mark>)

HTML <footer> 标签 浏览器支持IE 9、Firefox、Opera、Chrome 和 Safari 支持 <footer> 标签。注释：IE 8 或更早版本的 IE 浏览器不支持 <footer> 标签。 标签定义及使用说明<footer> 标签定义文档或者文档的一部分区域的页脚。<footer> 元素应该包含它所包含的...

weixin_30788239的博客 329

HTML5的新特性？伪类和伪元素？

记录一下HTML5的新特性、移除元素。还有经常容易搞混的CSS伪元素和伪类。 H5移除的元素 表现的元素：basefont、big、center、font、s、strike、tt、u. 可用性低元素：frame、frameset、noframes.伪类 pseudo-classes 用于已有元素处于某种状态时为其添加对应样式。伪类名称不区分大小写，单冒号前面和后面不能有空格。① 比如 a链接的不同状态，未点击过、已点过、聚焦等等。a链接的不同状态， 有效的顺序是：link visited hover f

hl199626的博客 485

记不住就存下来---- HTML 5 新增常用属性 之 文档结构元素

文档结构元素 元素名称 元素属性 article 该元素用于代表页面上独立,完整的一篇”文章”,该元素表示的内容可以是一篇独立的文章,一个帖子等.总之,只要是一篇独立的文档内容,就应该使用元素表示,规则如下: (1).元素内部可以使用定义文章 “标题” 部分. (2).元素内部可以使用定义文章 “脚注” 部分. (3).

MR_LP的博客 1091
上一篇： HTML5中name属性与id属性在使用上的区别
下一篇： Django的图片上传与读取（完全攻略！！）
点赞 0
评论 0
书签 书签 0
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值