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

技术布局标签,结构化语义标签) 布局标签(结构化语义标签)注意,关注的是语义,而不是样式的区别,下面的这些标签所展示出来的样式都是一样的,都是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)

相关推荐

  • 学生的拼音,用什么方法快速教孩子拼音和拼读

    技术学生的拼音,用什么方法快速教孩子拼音和拼读学习拼音,首先要让孩子熟记“三表”:声母表、韵母表、整体认读音节表学生的拼音;能熟练准确认读和默写,这是学好汉语拼音的基础.想要掌握汉语拼音,一能读准声母、韵母、声调和整体认

    生活 2021年10月30日
  • Redis的底层数据结构-压缩列表

    技术Redis的底层数据结构-压缩列表 Redis的底层数据结构-压缩列表压缩列表(ziplist)是Redis为了节省内存而开发的,是由一系列特殊编码的连续内存块组成的顺序型数据结构,一个压缩列表可以

    礼包 2021年11月11日
  • 狗狗来大姨妈,母狗狗也会来“大姨妈”

    技术狗狗来大姨妈,母狗狗也会来“大姨妈”会滴,会滴,只要是母的狗,都会来红色朋友狗狗来大姨妈。嗯,红色朋友,就是大家指的大姨妈。母狗,在长到六七个月的时候就会来红色朋友。在狗狗的世界里,这叫做发情期啦!狗狗发情期一般是十

    生活 2021年10月29日
  • 铁与盐酸反应的化学方程式,铁和盐酸反应的离子方程式

    技术铁与盐酸反应的化学方程式,铁和盐酸反应的离子方程式铁与盐酸反应生成氯化亚铁和氢气,氯化氢、氯化亚铁为强电解质,完全拆成离子形式。离子方程式铁与盐酸反应的化学方程式:Fe+2H+=Fe2++H2↑。铁是比较活泼的金属,

    生活 2021年10月24日
  • PostgreSQL MVCC源码的示例分析

    技术PostgreSQL MVCC源码的示例分析这篇文章主要为大家展示了“PostgreSQL MVCC源码的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Postg

    攻略 2021年11月26日
  • who后面的动词用什么形式,who做主语谓语动词用什么形式

    技术who后面的动词用什么形式,who做主语谓语动词用什么形式who作主语时,谓语可以是单数,也可以是复数。 who可以指单数,也可以指复数。所以,who 作主语时,谓语可以是单数,也可以是复数。如who does it

    生活 2021年10月25日