布局标签,结构化语义标签)

技术布局标签,结构化语义标签) 布局标签(结构化语义标签)注意,关注的是语义,而不是样式的区别,下面的这些标签所展示出来的样式都是一样的,都是H5新增的一些标签,当我们遇到这些标签的时候就能够通过语义知

布局标签(结构化语义标签)

应该注意语义,而不是风格差异。以下标签中显示的样式都是相同的,它们都是H5的新标签。当我们遇到这些标签时,我们可以知道被包围的元素被语义用来做什么。例如,由标题标签包围的元素表示页面上显示的标题元素,可以理解为解释性标签。

!DOCTYPE html

html lang='en '

meta charset='UTF-8 '

标题文档/标题

/head

身体

!-

布局标签(结构化语义标签)

-

!-

Header表示网页的标题。

Main表示网页的主要部分(一个页面中只有一个main)

页脚是指网页的底部。

指示导航网页中的导航

旁白和其他与主体相关的内容(侧边栏)

文章代表独立文章。

节代表一个独立的块。当上面的标签都不能表示它时,请使用section。

Div用于表示没有语义的块。目前div仍然是我们的主要布局元素。

Span内联元素没有任何语义,通常用于选择网页中的文本。

-

标题/标题

主/主

页脚/页脚

导航/导航

一旁

文章/文章

部分

分区/部门

跨度/跨度

/body

/html

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/141441.html

(0)

相关推荐

  • 天然气锅炉怎么操作,家用燃气锅炉的正确使用方法

    技术天然气锅炉怎么操作,家用燃气锅炉的正确使用方法1、即使寒冷的冬季不使用热水/采暖热水器,也为了启动防冻结装置,电源需插座上,或将供暖系统内的水放净,才可关闭电源天然气锅炉怎么操作。2、在使用时,首先要注意压力一定不要

    生活 2021年10月19日
  • node中如何判断是文件还是文件夹

    技术node中如何判断是文件还是文件夹这篇文章主要介绍node中如何判断是文件还是文件夹,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 在node中,可以利用isFil

    攻略 2021年12月13日
  • css的三种定位方式是什么

    技术css的三种定位方式是什么本篇文章为大家展示了css的三种定位方式是什么,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。css的三种定位方式是:1、相对定位,元素的位置相对于它

    攻略 2021年11月2日
  • Taro 3.4 beta 发布: 支持 Preact 为应用开辟更多体积空间

    技术Taro 3.4 beta 发布: 支持 Preact 为应用开辟更多体积空间 Taro 3.4 beta 发布: 支持 Preact 为应用开辟更多体积空间项目体积是困扰小程序开发者的一大问题,如

    礼包 2021年11月26日
  • python+appium自动化测试-Android端环境配置

    技术python+appium自动化测试-Android端环境配置 python+appium自动化测试-Android端环境配置一、安装配置JDK
    一、安装环境
    1、本机系统:Windows 10(6

    礼包 2021年11月10日
  • C++怎么正确使用线程

    技术C++怎么正确使用线程这篇文章主要介绍“C++怎么正确使用线程”,在日常操作中,相信很多人在C++怎么正确使用线程问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”C++怎么正确使用线程”

    攻略 2021年11月25日