HTML5语义化标签

最新推荐文章于 2021-09-16 16:28:00 发布
最新推荐文章于 2021-09-16 16:28:00 发布
阅读量130 收藏
点赞数
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45723913/article/details/106397683
版权

HTML5

不废话，直接看图


header:头部
nav：导航栏
main：内容
article：左边部分
aside：右边部分
footer：底部

DOM结构

效果
我才刚刚开始，还没有很熟练写博客，不过我会努力的``

苏打很凶的
关注
HTML5新增的语义化标签
我的博客
01-17 1万+
HTML5新增的语义化标签 html5相较于之前的版本提供了一些新的语义化标签，下面进行总结下。 1. 定义了文档的头部区域，在一个文档中可以定义多个元素。它是块元素 header> p>这是文档的头部p> header> 2. 定义文档页脚，它不只是页面的最底部，在文档中也可以定义多个。 header> address>南京鼓楼address> header>
html5语义化规范,html5语义化标签使用规范
weixin_39746552的博客
05-31 670
Html5添加了很多语义化标签，一个典型的html5页面结构可以如下安排一、使用案例1. 头部——header和nav标签header头部，body下的直接子元素header一般用于放页面的介绍性的信息如网站名称、logo或者导航栏nav。html5语义化标签导航章节标签标题标签使用html5的header和nav标签html5语义化标签导航章节标签标题标签传统的头部注意到上面用了两个h1标签，在...
HTML5系列-语义化标签
前端蜗牛君
11-09 989
1.内容标题 标题使用h1 ~ h6来定义，用于突出显示文档内容。 从 h1到h6对搜索引擎来说权重会越来越小 页面中最好只有一个h1标签 标题最好不要嵌套如 h1内部包含 h2 2.页眉页脚 header header标签用于定义文档的页眉，下图中的红色区域都可以使用header标签构建。 footer footer 标签定义文档或节的页脚，页脚通常包含文档的作者、版权信...
Html5 什么是语义化标签？ 常见的语义化标签有哪些？
m0_51273200的博客
09-16 1万+
h5 语义化标签的推出很好的解决了满屏的 div 布局，语义化顾名思义就是能让人一眼就看出来每一个标签的作用和含义，使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让和搜索引擎都容易理解。一张图就可以清晰的展示语义化标签的作用，确实挺好，感觉像搭积木一样，一块一块的把整体搭建出来。 以下是常见的语义化标签及其作用 <header> <!--：页眉通常包括网站标志、主导航、全站链接以及搜索框。--><nav> ...
一些常见html5语义化标签
热门推荐
前端笔记
10-26 5万+
我们知道，创建结构清晰的页面可以建立良好的语义化基础，也降低了使用css的难度，下面总结了一些常用的语义化标签，有空慢慢更新，欢迎大家补充          语义化HTML：用最恰当的HTML元素标记的内容。                优点：1 提升可访问性；                     2 SEO；                     3 结构清晰，利于维
整理 HTML5 新增的语义化标签
很馋的虫子
06-09 1万+
新的标签带来的是网页布局的改变及提升对搜索引擎的友好&lt;article&gt; 定义文章 &lt;aside&gt; 定义文章的侧边栏&lt;figure&gt; 一组媒体对象以及文字 &lt;figcaption&gt; 定义 figure 的标题&lt;footer&gt;定义页脚 &lt;header&gt;定义页眉&lt;hgroup&gt;定义对网页标题的组合 &lt
html5语义化标签以及使用标准
01-20
HTML5语义化标签是为了增强网页内容的结构和可读性，它们的引入是为了更好地描述网页内容的意义和功能，而非仅仅关注视觉样式。在没有CSS的情况下，语义化标签可以帮助浏览器、屏幕阅读器以及搜索引擎更好地理解和...
Web前端基础：HTML5语义化标签.pptx
05-06
HTML5 是一种重要的前端技术，它为Web开发者提供了许多新的特性和改进，其中包括语义化标签的引入。这些标签的设计目的是增强网页内容的结构和意义，使得内容在没有CSS样式的情况下也能保持良好的逻辑结构，同时方便...
HTML：HTML5语义化标签解析.docx
最新发布
08-27
HTML：HTML5语义化标签解析.docx
html5语义化标签 加粗,html5标签 H5标签
weixin_32868705的博客
05-31 679
html>h5文本元素1.文本元素2.加粗文字 b 3.倾斜文字 i 4.删除文字 del 5.加粗文字2 strong 6.安全换行 wbr~~~7.强调 倾斜元素 em 8.删除线2 s元素9998 9.下划线 u 10.下划线2 ins元素 11.小号字体small元素 12.下标 sub：CH4COOH ; 上标sup：20平方米=20m213.倾斜 dfn 14.代表缩写 并没...
html5之语义化标签总结（共5个）
weixin_43343144的博客
03-27 1495
<header>顶部标签</header> <nav>导航栏标签</nav> <section>中心标签</section> <article>文章标签</article> <footer>底部标签</footer> <div class="container">...
section和div之HTML5标签语义化
40128682的博客
05-11 2198
今天在学习的过程中碰到了 section这个标签 之前也没有学过 就去搜了一下 研究发现运来section和 前面不是很懂的 dl dt 以及最近写项目用到的一些 诸如 header nav footer竟然是html5 根据许多前端开发者命名频率最高的单词发明的新标签 下面 讲一下对这些标签的理解 一、为什么HTML5要引入新语义标签 在HTML5出现之前，我们一般采用DIV+CSS布局我们的页...
html HTML5语义化标签
全易
10-17 886
nav：导航栏，与ul li a配合使用 aside：主内容无关，一般用于侧边栏 main：主内容区，只一次，此文档中的特有内容，导航、版权、广告不算 header：可多次，可以放在article、section里面 footer：可多次 article：独立内容，比如论坛帖子，博客条目，用户评论等 section：文档中的节，比如章节 adress：地址 ...
【面试】HTML5 有哪些新特性？_语义化标签
Eagler_Step
04-16 4990
学习心得随记——阿西河前端教程——HTML的面试题——HTML5 有哪些新特性——语义化标签
HTML5新增的语义化标签（常用）及解释
weixin_44022064的博客
09-09 2121
HTML5中新的语义元素 许多现有网站都包含以下HTML代码： <div id=”nav”>, <div class=”header”>, 或者 <div id=”footer”>, 来指明导航链接, 头部, 以及尾部. HTML5 提供了新的语义元素来明确一个Web页面的不同部分: <header> <nav> &...
html中的语义化标签有哪些？请举例并说出他们的作用
qq_42808052的博客
10-20 2898
在初学HTML的时候，我们学习到了好多标签，我们知道独占一行用于页面排版的块级元素，例如：h1~h6,p,div等元素，还有在同一行用于修饰文字的行内元素，例如：a,span,i,b,em等，还有一些表单元素，例如table button input等元素这些元素我们在其各自的定义中已经知道其含义。HTML之所以为超文本标记语言，也就是说它将a 这样的文本赋予了超出文本之外的含义-链接。那么语义化标签又是什么呢？ 语义化的标签的出现就是告诉大家要用正确的标签来标记正确的内容。 当你使用语义化标...
HTML5的革新——语义化标签
小平果的欢乐谷
03-13 4866
一、语义化标签的实战意义 我先收集到一些观点，大家姑且先听上一听，  有人说：  “没必要考虑语义化，只要我写的代码浏览器运行后没问题就行，反正领导根本不关心这些”  “语义化是w3c推广的，我是很想语义化我的代码，但总是用不明白”  “这个不好说，语义化再好有啥用，关键是有好的项目，客户才是金主！”  “除了专业人士，谁会去看我们的代码是不是语义化的” 不仅仅有页面重构人员
html语义化标签
越努力，越幸运！
06-26 3万+
很多面试官会问：谈谈你对 HTML5语义化标签的理解。那么本篇博客专门解答一下这个问题。   什么是语义元素？ 语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义，也就是说元素本身传达了关于标签所包含内容类型的一些信息。例如，当浏览器解析到&lt;h1&gt;&lt;/h1&gt;标签时，它将该标签解释为包含这一块内容的最重要的标题。h1标签的语义就是用它来标识特定网页...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值