第一章：新的结构化元素

事实再一次证明了，选一本好的书是多么的重要啊！弃掉一开始的坑，换一本书来继续我们的学习吧。

（1）结构化构建块

div：这是我们都知道且喜爱的一种一般性容器。它是一种无附加语义含义的流式内容元素。

section：这是文档或应用程序的一般性小节。

article：这是文档或网站的一个独立的小节。

听起来十分的相似对吧？确实。但是我们区分一下：

div是没有任何的语义的，比如<div class="nav">和<div class="mick">本质上对浏览器解析来说没有任何区别。

section元素类似于div，这是一个一般性容器元素，但他有一个附加语义——它包含的东西是一组逻辑相关的内容。它也是一种内容的分节元素。

article是一种特殊的section，即它是页面的一个独立的、自包含的部分。

怎么选择？

1. 如果被封装的内容在馈送阅读器中会由完整的意义吗？是，那么article。

2. 被封装的内容是相关的？是，那么用section。

3. 如果没有语义关系，那么用div。

（2）标题

header：用于分节元素的内容介绍和导航。

footer：用于表现内容的附加信息，如作者、相关文档的链接等，通常出现在内容的底部。

hgroup：是header的一种特殊形式，它只能包含<h1>~<h6>元素，用于带有副标题的标题进行组合。

<h1>~<h6>：没有什么改变的地方。

（3）更多的结构化元素

nav：导航链接小节，这些链接或是链接到其他页面的，或是链接到同一页面的其他小节。

aside：页面的一个小节，由与周边内容略微相关但又单独分开的内容所组成。

figure：用于这样一种内容：对理解至关重要，但可以在文档流中迁移，而不影响文档的含义。这可以用于图像或视频，也可以用于任何其他内容，包括图表、代码示例或其他媒体。

转载于:https://www.cnblogs.com/luohaoran/p/6010704.html

第一章：新的结构化元素相关推荐

结构化元素、网页结构和iframe内联框架
1.结构化元素 <header> //表示网页的头部 <footer> //表示网页的尾部 <section> //表示网页的独立区域 <article> ...
【ES6 教程】第一章新的ES6语法03—使用const 关键字定义常量
英文 | https://www.javascripttutorial.net 翻译 | 杨小爱在本教程中,我们将学习如何使用 JavaScript const 关键字定义常量. JavaScrip ...
第一章: 微型计算机组成结构
第一章: 微型计算机组成结构引言微型计算机组成原理 I/O端口寻址和访问控制方式 I/O端口和寻址接口访问控制主存储器,BIOS和CMOS存储器主存储器基本输入/输出程序BIOS CMOS ...
【ES6 教程】第一章新的ES6语法04—如何设置函数参数的默认值
英文 | https://www.javascripttutorial.net 翻译 | 杨小爱在本节教程中,我们将学习如何在 ES6 中处理 JavaScript 默认参数. TL;DR func ...
WEBGL 2D游戏引擎研发系列第一章新的开始
WEBGL 2D游戏引擎研发系列第一章 <新的开始> ~\(≥▽≤)/~HTML5游戏开发者社区(群号:326492427) 转载请注明出处:http://html5gamedev.or ...
JavaScript 进阶第一章（分支结构）
switch-case分支结构 1.语法 switch(表达式){ // 不是布尔类型:是一个确定的变量 case 值1: // 值1,值2...都是字面量表达 ...
工程材料学习2——第一章材料的结构与性能特点
1.1 金属材料的结构与组织 1.1.1纯金属的晶体结构晶体结构:晶体中原子(离子或分子)规则排列的方式晶胞:能反映晶格特征的最小组成单元晶胞的几何特征由晶胞的三条棱边长(a.b.c)和三条棱边 ...
计算机体系结构--第一章1----体系结构的分类
文章目录计组和计算机体系结构区别外特性和内特性计算机体系结构定义研究计算机系统中软硬件之间的界面定义和其上下的功能分配与逻辑实现基本概念体系结构的分类按照指令流和数据流的多寡,将体系 ...
第一章MCS-51单片机结构，单片机原理、接口及应用
文章目录一.MCS-51单片机内部结构二.CPU 三.存储器四.特殊功能寄存器SFR 五.时钟电路与复位电路六.引脚功能一.MCS-51单片机内部结构单片机是在一块芯中集成了CPU.RAM ...

第一章：新的结构化元素

第一章：新的结构化元素相关推荐

最新文章

热门文章

第一章： 新的结构化元素

第一章： 新的结构化元素相关推荐

最新文章

热门文章

第一章：新的结构化元素

第一章：新的结构化元素相关推荐