html布局标签

最新推荐文章于 2024-10-16 20:49:18 发布

一个双鱼座的测开

最新推荐文章于 2024-10-16 20:49:18 发布

阅读量179

点赞数

分类专栏：前端文章标签： html 前端 javascript

伟仔

本文链接：https://blog.csdn.net/weixin_42439274/article/details/131271216

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

文章介绍了在网页开发中，传统无语义的div和span标签被频繁使用，但HTML5引入了具有语义的布局标签，如header、nav、footer、aside、section和article，这些标签在保持显示特性的同时，增强了内容的结构和意义。

摘要由CSDN通过智能技术生成

文章目录

- 语义化标签
- - 没有语义的布局标签
  - 有语义的布局标签

语义化标签

没有语义的布局标签

➢场景：实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签

➢div标签：一行只显示一个（独占一行）

➢span标签：一行可以显示多个

有语义的布局标签

➢场景：在HTML5新版本中，推出了一些有语义的布局标签供开发者使用

➢标签：

标签名	语义
header	网页头部
nav	网页导航
footer	网页底部
aside	网页侧边栏
section	网页区块
article	网页文章

➢注意点：

• 以上标签显示特点和div一致，但是比div多了不同的语义

在这里插入图片描述

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一个双鱼座的测开

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

HTML---网页布局

zhoutong2323的博客

12-23

841

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤 1.引入库 2.读入数据总结一.常见的网页布局二.标准文档流标准文档流常见标签标准文档流的组成块级元素 <div>、<p>、<h1>-<h6>、<ul>、<ol>等内联元素 <span>、<a>、<s

HTML5 布局标签

Lonelydesertea的博客

12-04

827

div: 布局标签 html5新增布局标签:带有含义的div <div style=”border: 1px solid red; width:500px;height:200px;”>aaa<div> div布局语义标签 1.方便seo 搜索引擎好识别2.有利于程序员解读代码 <header style=”border: 1px solid red; width:500px;height:200px >头部标签</header>...

参与评论您还未登录，请先登录后发表或查看评论

页面布局标签

Shao_yihao的博客

10-26

664

HTML5 引入了一些新元素，给予开发者更多的选择，也包含辅助功能。 HTML5 引入了诸如 main、header、footer、nav、article、section 等大量新标签。默认情况下，浏览器呈现这些元素的方式类似于普通的 div。但是，在适当的地方使用它们会让标记文本具有更多的含义。仅标签名称就可以表示它所包含的信息类型，这给内容增加了语义含义。辅助技术可以获取这种信息，为用户提供更好的页面摘要或导航选项。 main main 标签用于呈现网页的主体内容，且每个页面应只有一个。这是为

html排版标签

Banxia_314的博客

03-10

423

html

HTML(布局标签)

2301_79794941的博客

04-08

799

IE9+以上的浏览器支持H5部分特性 HTML5新标签对IE低版本浏览器的影响及兼容情况处理方案：使用javascript新增元素的方法解决使用js创建出来的元素是行级元素，需要转块使用谷歌提供的html5shiv.js插件解决兼容性问题三、HTML5移除的标签以上标签在h5中使用不会报错也不会出现异常，只是不被w3c标准所推荐。西安---陕西的省会，beautiful！我们今天中午13：40上课。我们今天中午一点四十上课。大唐不夜城——皮卡晨。

HTML常用布局标签：提升网页颜值！不可不知的HTML布局技巧全解析！

云端源想的博客

03-14

1706

在HTML的世界里，一切都是由容器和内容构成的。容器，就如同一个个盒子，用来装载各种元素；而内容，则是这些盒子里的珍宝。理解了这一点，我们就迈出了探索HTML布局的第一步。

详解HTML5布局和HTML5标签

01-18

一、新的文档类型声明...a，新增的HTML5标签-结构标签结构标签：(块状元素) 有意义的div 标记定义一篇文章标记定义一个页面或一个区域的头部 <nav> 标记定义导航链接标记定义一个区域 <aside> 标

div+css布局中选择使用html标签的方法

09-25

div标签是一种块级元素，它能够包含其他HTML元素，并且可以通过css定义其布局和样式。而css即层叠样式表，是用于描述HTML或XML文档的呈现方式的一门语言。在设计网页布局时，合理选择HTML标签并利用css进行样式设计...

百度新闻页面布局html+css

02-28

本教程将深入探讨“百度新闻页面布局”的HTML和CSS实现，旨在帮助初学者掌握页面布局的基本技巧，理解如何通过标签的使用来构建清晰、有效的新闻列表。首先，HTML（HyperText Markup Language）是网页内容的结构化...

编程笔记 html5&css&js 045 网页布局

明月看潮生的博客

01-18

1669

网页布局有很多种方式，一般分为以下几个部分：头部区域、菜单导航区域、内容区域、底部区域。

个人学习日记

zh_hunan的博客

10-14

241

表格表格标签标签名定义说明 <table></table> 表格标签就是一个四方的盒子；最外层包裹表格的大盒子 <tr></tr> 每一行的表格行标签要再table标签内部才有意义 <td></td> 每一个单元格子单元格标签是个容器级元素，可以放任何东西 <th><...

HTML---布局（详解）

热门推荐

Philo的博客

01-12

1万+

文章目录网页布局常用标签网页布局实例实例1:用div实现：实例2:用table实现我们在完成老师布置的前端html任务时，往往布局是最关键的，我们必须先从宏观上把握页面大致的构成，通过标签先确定下页面总体有那些东西，将整体框架写好，之后才是对各个部分进行细致的填充。网页布局常用标签 div：是块级元素，它可用于组合其他 HTML 元素的容器，它没有确切的含义，天生是用来进行页面布局的，除此之外，由于它属于块级元素，浏览器会在其前后进行换行。 table：是表格元素，每个表格均有若干行（由 &lt

7种web前端页面css（css3）布局方式,不知道最后两种方式的就亏大了

qq_34171965的博客

08-17

2736

前端页面常见的布局方式有以下几种 1、文档流 --内联元素从左往右排列，块级元素从上往下排列。 2、float(浮动)布局 3、position (定位)布局 4、display inline-block (行向)布局 5、margin 布局 6、display:flex 弹性布局 7、display:grid 栅格布局

HTML5学习（三）：布局标签、列表、超链接和id

激洪的博客

03-10

3307

HTML之布局标签、列表、超链接和id

H5中的布局标签

wangtao的博客

09-11

3851

H5中的布局标签 1.Html是具有语义化的语言,针对页面的布局,有一类标签代表各种意义的"布局盒子"； 2.所有的布局标签都主要是用来构建页面的内容区域，是双标签类型，，默认显示为块状元素; 3.<div>标签布局（盒子） 4.HTML5新增的常用的布局标签 <header></header>页面/区域头部 ...

HTML布局标记与列表标记

weixin_33749242的博客

09-28

369

2019独角兽企业重金招聘Python工程师标准>>> ...

html5标签

weixin_30316097的博客

06-14

344

结构标签：(块状元素) 有意义的div 　<article> 标记定义一篇文章 <header> 标记定义一个页面或一个区域的头部 <nav> 标记定义导航链接 <section> 标记定义一个区域 <aside> 标记定义页面内容部分的侧边栏 <hgroup> 标记定义文件中...

响应式布局

小诺

12-02

1718

首先我们应该遵循移动优先原则，交互和设计应以移动端为主，PC则作为移动端的一个扩展；一个页面需要兼容不同终端，那么有两个关键点是我们需要去做到响应式的：响应式布局和响应式内容（图片、多媒体）。一、响应式布局如我们需要兼容不同屏幕分辨率、清晰度以及屏幕定向方式竖屏(portrait)、横屏(landscape)，怎样才能做到让一种设计方案满足所有情况？对此，马海祥觉的我们的布局应该是

1、HTML笔记