HTML 分模块＜section＞ ＜article＞ ＜aside＞ ＜nav＞＜header＞＜main＞＜footer＞ ＜span＞ ＜strong＞＜em＞＜mark＞＜b＞ ＜u＞ ＜i＞

最新推荐文章于 2022-11-04 15:32:57 发布
最新推荐文章于 2022-11-04 15:32:57 发布
阅读量308 收藏
点赞数
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HandsomeDanielWu/article/details/125454395
版权
这篇博客探讨了HTML中的<span>、<b>、<u>和<i>元素的作用，以及它们与<strong>、<em>和<mark>元素在语义上的区别。文章还提到了<figure>和<figcaption>在图像和图例标注中的应用，强调了在网页设计中重视语义而非样式的重要性。
摘要由CSDN通过智能技术生成

在使用标签的时候。只考虑它的语义，而不是考虑样式

 

 <span> 小语义，用来分隔，特殊标记

 

 

 <b> Bold <u> Underline <i>Italics 

 

 

 <strong><em><mark>

 <figure> <figcaption>

 

 

HandsomeDanielWu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
＜HTML5＞ 从0到1的教学实践分享（全网最全）
HongYingClub-CSDN
04-23 689
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5 简单易学。HTML5 是下一代 HTML 标准。HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
三、html基础—特殊标签
m0_46960665的博客
06-07 2845
一、实体 1、 在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格 2、 在HTML中有些时候，我们不能直接书写一些特殊符号 比如：多个连续的空格，比如字母两侧的大于和小于号 3、 如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符） 实体的语法： &实体的名字; &nbsp; 空格 &gt; 大于号
html+css版块划分
07-06
简单的html+css组合 模块分类 新手可以看看
html怎么分几个模块,使用CSS将内容分成几列显示
weixin_35135480的博客
06-18 353
body {text-align: center;}.demo {-webkit-columns: auto auto;/* Chrome, Safari, Opera */-moz-columns: auto auto;/* Firefox */columns: auto auto;}column属性Welcome to here！这是一段测试文本！这是一段测试文本！这是一段测试文本！这是一段测...
html如何分成多个模块,前端模块化结构如何拆分
weixin_39864101的博客
06-20 1435
模块化结构将复杂的程序拆分成不同的文件夹或者文件不同的模块即独立又可以相互关联如何拆分具体的拆分规则针对不同的项目也不一样，这里列出一点建议，更主要的还是有自己的一个规范，物以类聚将具有相同特性的可以拆分到一起，比如在一个vue电商网站项目中对文件夹的拆分pages 源文件入口|-list 列表模块(可能包括普通列表页，闪购列表) 都可以认为是列表页属于一类|-list 普通列表页|- compo...
path模块+fs模块——实现HTML文件的拆分（JS+CSS+HTML）
weixin_47295886的博客
08-26 833
开始进行拆分完整的HTML代码————replace字符串的替换script-+style---变成link script——替换两次---------将那些内嵌的变成外嵌的----------使用正则匹配--两次replcae。开始进行拆分的函数————用到了exec函数进行字符串正则的提取 使用索引来拿+replace字符串的替换——替换两次--------------替换js部分。创建两个正则表达式；自定义html方法：拆分html写入html文件。--------------即正则。...
html分模块代码,自定义HTML模块代码大全! 编辑
weixin_36305686的博客
06-16 722
二、漂亮的个性鼠标特效代码鼠标特效代码为：① 单鼠标特效代码：type=TEXT/CSS> BODY{CURSOR:url('http://webme.bokee.com/inc/mouse025.cur');} A{CURSOR:hand} ② 双鼠标特效代码：BODY{cursor:url('http://webme.bokee.com/inc/mouse025.ani');}A{CURSOR...
HTML课程表
代码奇才的博客
11-28 691
背景图片: index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>课程表</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> </head> <body backgr...
HTML5新增标签
Ywm103025的博客
12-05 2367
HTML5新增标签 作者: 严孝孝 目录 1.html5新标签 2.html5新input类型 3.html5新input属性 4.html5shiv库 课程内容 1.html5新标签 q.html5 新标签有哪些？ header，footer，section，nav， aside， article 语义化标签 details， summary 详情和摘要 dialog &lt;...
HTML5标签嵌套规则详解【必看】
09-28
- `<article>`、`<section>`、`<blockquote>`、`<li>`、`<dd>`、`<figcaption>`、`<div>`、`<main>`、`<td>`允许流元素作为子元素，但`<main>`不能包含自身。 - `<aside>`、`<nav>`允许流元素作为子元素，但不包括...
html 分类模板,分类模板.html
weixin_39876650的博客
06-17 354
分类模板$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadPath...
Thymeleaf之HTML分模块
Orion的博客
11-04 322
新增产品类型
html基本模块
tian229338934的专栏
07-28 583
div{             width:700px;             height:30px;         }
HTML（五） 内容分区元素和超链接元素
Oliver尹的博客
06-14 2654
内容分区元素 在《元素分类》一文中中，大致为html中的元素分类了一下，本文重点讲述了内容分区元素； 内容分区元素，简单的说，就是将页面划分区域的元素，比如有一块地方是标题，有一块地方是导航，还有一块地方是网页的主体内容，底部内容等等；   article &lt;article&gt; 标签规定独立的自包含内容。一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发; ...
html如何设置多个模块,在webpack中如何实现多页面开发
weixin_39859909的博客
06-22 533
这篇文章主要介绍了webpack多页面开发实践，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧写在前面webpack是一款模块加载器兼打包工具，能把js,css,页面，图片，视频等各种资源，进行模块化处理。而现在网上流传很多单页面的webpack模型，那多页面呢？比较少，现在我提供一个多页面的前端模型。希望大家适合使用。在最开始接触webpack的时候，我都觉得webp...
html section 布局,HTML：<section>标签
weixin_39603505的博客
06-11 1005
标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。 标签是 HTML5 中的新标签。注意：section不是通用容器元素。如果仅仅是用于设置样式或脚本处理，应用div元素。一条简单的准则是，只有元素内容会被列在文档大纲中时，才适合用section元素。html5：section标签和div标签的区别：section不是一个专用来做容器的标签，专用的是div。section里应该有...
html5初学（header、nav、main、aside、footer标签）
qq_45862126的博客
03-18 3644
html5初学（header、nav、main、aside、footer标签） 老规矩，为了便于理解先上图目前大多数的网页都差不多是这个框架 上代码，文末有各个标签的解释 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt
html界面出现 section,如何在HTML5中正确使用“ section”标签？
weixin_42414947的博客
06-09 1448
标记的正确方法是什么？从技术上讲，两者都是正确的。我要说的是，这两个示例看起来都不正确……但是很难用纯文本而不是真实上下文来说明，因为是语义标记，而不是像这样的通用包装。您当然不应该有两个具有相同ID的元素(section或其他)。答案是在当前规范中：The section element represents a generic section of a document orapplicati...
html5布局section,html5section元素
weixin_31693157的博客
07-16 193
下面哪个元素是html5新增的元素a,sectionb,charsetc,iframed,li - ...... 标签是html5中新增的元素 标签定义文档中的节(section、区段).比如章节、页眉、页脚或文档中的其他部分.html5的section和div用法有什么区别? - ...... 有,section语言性更加强,div相当于一个html标签.在dom操作时更直观.HT...
<header>、<nav>、<main>、<footer>
最新发布
11-07
<header>、<nav>、<main>、<footer>都是HTML5中的新标签，用于更好地组织和语义化网页内容。 <header>标签用于定义文档的头部区域，通常包含网站的标题、logo、导航栏等内容。 <nav>标签用于定义导航链接的容器，通常包含网站的主要导航链接。 <main>标签用于定义文档的主要内容区域，一个文档中只能有一个<main>标签，且不能是以下元素的后代：<article><aside>、<footer>、<header>或<nav> <footer>标签用于定义文档的底部区域，通常包含版权信息、联系方式等内容。在<footer>元素内的联系信息应该位于<address>标签中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值