HTML——语义化标签

最新推荐文章于 2024-10-04 06:11:34 发布
最新推荐文章于 2024-10-04 06:11:34 发布
阅读量45 收藏
点赞数
分类专栏： 前端 文章标签： html css javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62379761/article/details/130179863
版权
本文介绍了HTML中的无语义标签如div和span，以及有语义标签，如header、nav、footer、aside、section和article。语义标签有助于提升网页可读性和SEO，它们分别用于定义网页的不同结构部分，如头部、导航、底部、侧边栏和主要内容区域。
摘要由CSDN通过智能技术生成

1.无语义标签

标签特点
div独占一行
span一行显示多个内容

2.有语义标签

标签名功能
header网页头部
nav网页导航
footer网页底部
aside当夜侧边栏
section网页区块
article网页文章

 

褚睿睿
关注
专栏目录
HTML —— 语义化标签
Cx330_der的博客
04-21 647
语义化标签 没有语义的布局标签 div和span div标签：一行只显示一个（独占一行） span标签：一行可以显示多个 div标签与span标签无任何效果，后期可通过CSS添加效果。 使用频率很高 有语义的布局标签 在HTML5中，提出的一些有语义的布局标签。 做手机端（移动端）网页时使用 标签名 语义 header 网页头部 nav 网页导航 foot
HTML5特性——语义化标签
qq_42000660的博客
07-17 278
一、语义化标签有哪些？有什么含义？ 1、<header>...</header> 头部 2、<footer>...</footer> 尾部 3、<nav>...</nav> 导航 4、<article>...</article> 文章（通常指数据内容） 5、<aside>...</aside> 侧边栏 6、<main>...</m...
初学HTML5——语义化标签
lxl513513的博客
03-02 1256
HTML5中的语义化标签 一.结构元素 1.header元素：是一种具有引导和导航作业的结构元素，该元素可以包含所有通常放在页面头部的内容。 注.header是一个标签，类似于p标签。此外，还要分清head和header，head是网页的头部，header是指头部的信息。 基本语法： ><header> > <h1>网页主题</h1> > ...
html5——语义化标签总结
mhc20201554114的博客
04-22 629
什么是语义化标签？ 语义化标签是表示一些特定区域的标签。 为什么要用语义化标签？ （1）使用语义化标签可以使页面引用的css文件未加载出来时，页面仍然可以保持一定的结构样式，不至于过于混乱。 （2）使用语义化标签有利于爬虫读取信息，帮助爬虫获取更有效的信息，比如浏览器搜索的时候，就可以根据header标签的内容来判断与要查找的内容的相关性，以此来决定信息的排列。 （3）便于维护人员的理解，降低维护的难度。 常用的语义化标签有哪些？ （1）header元素 header元素代表网页或secti
HTML5的革新——语义化标签
小平果的欢乐谷
03-13 4852
一、语义化标签的实战意义 我先收集到一些观点，大家姑且先听上一听，  有人说：  “没必要考虑语义化，只要我写的代码浏览器运行后没问题就行，反正领导根本不关心这些”  “语义化是w3c推广的，我是很想语义化我的代码，但总是用不明白”  “这个不好说，语义化再好有啥用，关键是有好的项目，客户才是金主！”  “除了专业人士，谁会去看我们的代码是不是语义化的” 不仅仅有页面重构人员
HTML5的新特性——语义化标签
Meng19986082304的博客
11-02 162
HTML5新特性都有兼容性问题，IE9+以上版本浏览器才支持，不考虑兼容性问题就可以大量使用。 语义化标签 header：头部标签 nav：导航标签 article：内容标签 section：定义文档某个区域 aside：侧边栏标签 footer：尾部标签 注意 针对搜索引擎 可以使用多次 在IE9中，需要把这些元素转换为块级元素 移动端更常用这些标签 ...
前端面试——语义化标签
Collapsar_的博客
07-24 62
前端面试——语义化标签。
H5新特性（四）——语义化标签
Caleb的博客
06-14 535
语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义，也就是说元素本身传达了关于标签所包含内容类型的一些信息。例如，当浏览器解析到提供了新的语义元素来定义网页的不同部分，它们被称为“切片元素”，如图所示 :...
H5/C3面试题——语义化标签
m0_66706006的博客
06-29 101
3. IE8是不兼容H5标签的（需要通过html5shiv.js去处理）2. seo成分会更好，蜘蛛抓取会更好。1. 易读性和维护性更好。
语义化标签——HTML
01-08
语义化标签 在网页中HTML专门负责网页的结构 在使用html标签时，应关注的是标签的语义，而不是它的样式 标题标签 h1~h6(一共有六级标签) h1在网页中的重要性仅次于title，一般情况下一个页面只会有一个h1 一般情况下...
前端——语义化标签+字符实体+实战演练
Bingtangbgd的博客
05-15 171
前端——语义化标签+字符实体+实战演练
HTML5新特性——新的语义化标签
weixin_47481102的博客
06-08 1520
HTML5的新增特性主要是针对于以前的不足，增勖加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题，基本是9+以上版本的浏览器才支特，如果不考虑兼容性问题，可以大量使用这些新特性。 声明： 1.新特性增加了很多，但是我们专注于开发常用的新特性 2.基础班我们讲解部分新特性，到了就业班还会继续讲解其他新特性。语义 = 意义什么是语义元素?一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义 元素实例: 和 - 无需考虑内容.语义元素实例: , ......
HTML 与 ES6 是前端开发的两大核心技术
qq_25416827的博客
10-02 826
HTML：主要负责页面的结构、语义化、布局和多媒体处理。ES6：提高了 JavaScript 的开发效率和可读性，尤其是模块化、异步编程和数据处理方式的革。
html中的文本标签(含标签的实现案例)
2301_76862031的博客
10-01 891
html中常用的标签h,p,hn,hr,br,font,time,mark,cite,特殊字符标签，图像标签
复习HTML(基础）
m0_74124657的博客
10-01 1121
目录HTML含义 HTML作用HTML的常用元素元素的特点元素的分类1 是否嵌套关系2 是否独占一行块元素：独占一行 行内元素：共享一行 行内元素与块级元素的转换3是否有结束标签 常用标签1 标题标签：有六级 我们用h1 ~h6 表示2 段落标签：内容3 图像标签:< img src=" 图片路径" > 是为了添加图片使用的4 视频标签： 添加视频使用5 列表5.1 无序列表5.2 有序列表6 超链接 ： 内容 1 访问同目录下的网页2 访问外部 网页3 访问本地网页7 标签 ， 8 表
XHTML 简介
最新发布
wjs2024的博客
10-04 353
XHTML作为一种严格的、基于XML的标记语言，为网页设计和开发提供了良好的可读性、可维护性和扩展性。尽管HTML5已成为当前主流的网页标记语言，但XHTML在特定领域仍然具有广泛的应用价值。
【CSS/HTML】左侧固定，右侧自适应的布局方式理解margin负值理论
mengran_code的博客
09-29 753
简单解释下flex: 0 0 200px的用处，flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。它的默认值为auto，即项目的本来大小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。是固定宽度的div脱离文档流。
HTML的修饰(CSS) -- 第三课
ZxVSaccount的博客
10-01 999
前面我们已经了解了html的一些基本使用方法,我们再写html代码的时候不可避免的会改变其中的一些样式,而这就有一种专门的方式用来修饰html编写的网页的样式,它就是css!本节主要介绍了css 的基本用法和属性,内容较多,多多练习,熟能生巧!
前端开发：深入理解HTML标签——语义化与常用标签
"本文主要介绍了前端开发中HTML标签的基础知识，包括语义化、body标签、p标签和hx标题标签的使用。通过学习这些基础知识，开发者可以更好地构建语义清晰、结构合理的网页，提高搜索引擎友好度。" 在前端开发中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值