HTML结构标签

已于 2022-10-24 13:51:41 修改
阅读量166 收藏
点赞数 1
分类专栏： HTML 文章标签： html 前端 css 1024程序员节
于 2022-10-13 14:11:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangeer/article/details/127300335
版权

结构标签介绍：用来搭建网页的结构，是html5的新标签。新标签的出现，让网页结构更加清晰，而且让网站的性能会更好，但要注意一些老的网站，例如淘宝、京东等依然用div，绝大部分的结构标签都是块元素。

网页的头部：header标签

网页的主体：main标签

网页的底部：footer标签

网页的导航：nav标签

网页的侧边栏：aside标签

网页的任意部分，没有任何语义 一般是用来代替div：section标签

网页的文章部分：article标签

zhangeer
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
html5结构标签_新HTML5结构标签
cuxiong8996的博客
07-02 669
什么是HTML5？ HTML5是超文本标记语言（HTML）的最新版本，是迄今为止该语言最彻底的修订。 它在各个领域引入了许多新功能。 一些更值得注意的补充包括： 内置的音频和视频多媒体标签 用于在浏览器中绘制内容的画布标签 更智能的表单，可让您通过使用必填属性来执行诸如验证之类的操作 有了一组新的结构标签，HTML5修改了HTML文档的结构方式。 新的结构标签集中于将H...
HTML--结构标签篇1
weixin_42306249的博客
03-06 427
基本结构 基本骨架 HTML文件最基本的四个标签，组成了网页的基本骨架，包括：<html>、<head>、<title>、<body>四组标签。 <head> 作用： 用于存放<title>,<meta>,<base>,<style>,<script>,<link>。内部用于对网页的设置，除了<title>内内部的文字，其他的标签都不显示在浏览器上。 注意在&l
html中属于结构标签的是什么,html基本标签结构
weixin_39860636的博客
06-20 151
简单的html5的基本架构HTML全称为HyperText Markup Language，一款写给浏览器的语言。HyperText：超文本(文本，图片，视频，音频，链接)Markup Lanuage：标记语言早在1993年起，html就开始问之于世，一直发展到今天的html5，在html5版本中，不仅保留前面版本的功能，还加入了新的功能，新的语法特征，如video、audio、canvas等标记...
3.4-HTML常用标签-结构标签-div、span
qq_44280574的博客
06-26 428
结构标签 div div是division的含义，用来划分区域，代表网页中的块，所以一般把它叫做块标签。 div标签通常用于包围大块内容，它没有任何特殊的含义。 div适合作为最通用的页面容器。 div是 块级 元素。 div独占一行（专车） div最常用，堪称劳模 常用的网页布局模式 div+css span span是内联标签，用在一行文本中，用来修饰文本的内容 span是内联元素，不能独占一行（拼车），但是装不下了，也会折行的 标签是可以进行嵌套的，尤其是div和span最为常嵌套 标签的分类可以分为
Html5的页面基本结构标签片段,HTML5基本网页结构以及标签的改变
weixin_39618730的博客
06-04 713
一、HTML5崭新的页面布局：1.传统的HTML页面布局：2.HTML5布局：3.HTML5布局使用的标签：(1)header元素：header元素表示页面总的一个内容区块或者整个页面的标题；(2)nav元素：nav元素表示页面中的导航链接部分；(3)article元素：article元素表示页面中的一块与上下文不相关的独立内容；(4)section元素：section表示页面中的一块内容区块，比...
HTML5文档结构标签
12-13
1.文档结构标签 1.1为什么引入文档结构标签？ 让标签更具语义化，结构更加清晰。搜索引擎具有更好的支持 1.2文档结构标签 header：头部。网页结构的头部，文章的头部内容，可包含标题等。 nav：导航。头部，底部以及...
HTML标签结构
07-03
详细介绍html标签所需的所有内容，适合后台开发和初级开发人员做参考文档使用
第01章【HTML5简介】-第04节：HTML结构标签
06-08
在本节课程“第01章【HTML5简介】-第04节：HTML结构标签”中，我们将深入探讨HTML5中的结构元素，这些元素对于构建网页的语义化结构至关重要。HTML5作为现代Web开发的标准，引入了一系列新的标签，旨在帮助开发者更...
HTML基本标签及结构详解
01-18
2.HTML标签结构 1.文档结构： <!doctype html><!--!表示声明的意思。这一行代码意思：下面的文档标签将以html5进行解析--> <html> <!-头部.用来完成一个网页的相关设置-> <head> <meta...
HTML常用标签的使用及属性（包括HTML5新增标签）
laisy334514的博客
07-23 1273
1.基础标签 <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> 1.<html></html> 告知浏览器其自身是一个html文档----所有之后书写的页面相关代码都应放在其中 2.&lt...
H5基本开发2——（HTML常见标签）
m0_59749255的博客
11-18 1553
header定义页面的或区域的头部nav定义导航链接article定义文章的内容section定义网页中的一个区块，例如章节、页眉、页脚等aside定义网页页面部分的侧边栏footer定义网页的尾部HTML标题Heading是通过-等标签进行定义的标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题块级元素但是这里会涉及搜索引擎的优化和推广的问题，一般建议一个html文档中只有1个h1，3个左右的h2HTML段落是通过。
HTML的结构标签
g960526的博客
03-24 2481
HTML的结构标签 结构便签，顾名思义，大多数是没有太多特殊的作用的，但是它是构建一个网页基本结构的主要元素，此次会列出大家经常用来搭建结构的基本标签。 div 盒子标签 没有任何的样式 双标签 P 段落标签 默认有上下外边距 双标签 h1~h6 标题标签 字体逐次减小 双标签 默认上下边距 字体加粗 字体变大 h1为主标签 其余为副标签 主标签一个网页只能出现一次 s...
结构标签(struct tag)与类型定义(typedef)的区别
shengabc的专栏
03-24 4385
问题1：两种声明有什么不同？ struct x1 {...}; typedef struct {...} x2; 答：第一种形式声明了一个结构标签，第二种声明了一个“类型定义”。主要区别在于第二种声明更抽象一些，用户不必知道它是一个结构，且在声明它的实例时也不需要使用struct关键字。例如： x2 b；//是OK的 但是使用结构标签声明的结构就必须用这样的形式定义：
HTML框架结构标签（frameset）
热门推荐
程金鹏（程利鹏）
06-17 1万+
第一次了解到竟然还有HTML框架结构标签（）。为此小编在实例中应用了一下，但是在搭建框架之初就遇到 了问题。为此总结本博客，以便大家能及时解决问题。 什么是HTML框架结构标签（&amp;lt;frameset&amp;gt;） 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。 详情参考：http://www.w3schoo...
html中的列表标签
greentrainsad的博客
09-30 1617
列表标签 有序列表 无序列表 定义列表
HTML结构标签（骨架标签）
weixin_46221888的博客
07-14 1051
HTML结构标签（骨架标签） 1、一个最简单的网页 <html>是页面中最大的标签，我们称它为跟标签。 <head>是头部标签，注意在<head>标签中必须设置的就是<title>标签。 <title>标签是标题标签，它能让网页拥有一个shuyv自己的标题。 <body>标签是写文档的主体，页面的所有内容都是写在里面的。 学习结构标签我们从下面的第一个最简单的网页开始 <html> <head> &lt
HTML5之结构标签
nicolelili1的专栏
01-30 1145
在h5中可以通过结构标签将界面划分为不同的区域 1、:功能容器，将功能相同的标签放到里面 ①、 ② section标签不仅仅是一个标签容器，它带有明显的语义。section标签最好带有一个标题标签，就是h1到h6的标签，从而表达更加清晰的语义 ③ article标签是一种特殊的section标签，它比section标签更具有明确的语义
html标签主体分为三个部分,HTML的基本结构与标签的初步了解
weixin_35744893的博客
06-22 3205
一、初步了解HTMLHTML是一种超文本标签语言，浏览器则是用来“解释和执行”HTML源码的工具。HTML的基本结构其中是文档类型声明，声明这个文件必须是HTML5文件，让浏览器按照HTML5准备进行解析，必须在HTML5中，必须要有，且是一定要写在文件的最上方滴。是网页的标题，显示在最上方的文字： 是用来描述网页的一些关键信息。例如网页的配置、设置、关键字等等。。。这些信息，大多在浏览器看不到，...
前端案例：极速问诊项目（移动端自适应）（HTML+CSS+JS）
最新发布
li3123537691的博客
08-13 311
一个简单的移动端案例，模拟不同设备下逻辑分辨率不同，宽高自适应正常打开整体布局打开 f12 （ctrl + shift + M）或者点击左上角图标,将其模拟为移动端设备在移动设备iPhone6/7/8，逻辑分辨率375的整体布局其banner图尺寸现在切换设备为iPad，逻辑分辨率为768，此设备下banner图尺寸自适应再切换设备为iPhone 14 Pro Max，逻辑分辨率为430，此设备下banner图尺寸自适应。
HTML文档结构与基本标签解析
本文主要介绍了HTML的基本标签使用，特别是段落标签`<P>`的运用，以及HTML文档的结构。 HTML是HyperText Markup Language的缩写，是一种用于创建网页的标准标记语言。它允许我们将文本、图像、链接等多种元素组织成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zhangeer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值