02.Web大前端时代之：HTML5+CSS3入门系列~H5结构元素

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html

1.结构元素

可以理解为语义话标记，比如：以前这么写<div id="nav"></div> 现在偷懒写：<nav></nav>

1.header头部区域，包含对主页的介绍

<header> 标签定义文档的页眉（介绍信息）

2.nav导航系列 <nav> 标签定义导航链接的部分。

3.section一块区域

<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分

4.article文章内容或者主体内容内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。

5.aside相关内容 <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关

6.footer脚部区域

<footer> 标签定义文档或节的页脚。<footer> 元素应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。您可以在一个文档中使用多个 <footer> 元素。

简单框架搭建：

草图：

补充说明：

header里面的h4，提示信息

Article里面的footer

大纲：

转载于:https://www.cnblogs.com/dunitian/p/5123741.html

02.Web大前端时代之：HTML5+CSS3入门系列~H5结构元素相关推荐

04. Web大前端时代之：HTML5+CSS3入门系列~HTML5 表单
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包 ...
大前端时代的乱流：带你了解最全面的 Flutter Web
Flutter Web 稳定版本发布至今也有一年多了,经过这一年多的发展,今天就让我们来看看作为大前端时代的乱流,Flutter Web 究竟有什么不同之处,本篇分享主要内容是目前 Flutter 下 ...
【前端面试】HTML5+CSS3初级面试1
最近刚好在看前端的面试,把看到的内容总结一下,方便大家一起学习. 1.简单说一下对HTML5+CSS3的了解. HTML5和CSS3不仅是两项新的Web技术标准,而且代表了下一代HTML和CSS技术. ...
【前端面试】HTML5+CSS3初级面试3
1.写出media type的几种使用方法. 1)方法一 : <link href="style.css" media="screen print" .. ...
前端学习六——html5+CSS3
前端学习六--html5+CSS3 HTML5 H5新增语义标签多媒体标签 audio音频标签 audio音频标签常见属性音频标签语法视频标签video 视频标签语法 H5新增input表单.表 ...
GMTC 大前端时代前端监控的最佳实践
摘要: 今天我分享的内容分成三个部分: 第一部分是"大前端时代前端监控新的变化", 讲述这些年来,前端监控一些新的视角以及最前沿的一些思考. 第二部分"前端监控的最佳实践 ...
大前端时代，从前端小工到架构师的进阶锦囊！
随着大前端的演进与火爆,前端工程师的责任越来越大,未来对前端岗位的要求也越来越高. "大前端时代" 来临带来了什么样的变革和机遇? 由于前端的责任越来越大,未来对前端开发人才的要求 ...
GMTC 大前端时代前端监控的最佳实践 1
摘要: 今天我分享的内容分成三个部分: 第一部分是"大前端时代前端监控新的变化", 讲述这些年来,前端监控一些新的视角以及最前沿的一些思考. 第二部分"前端监控的最佳实践 ...
大前端时代的挑战与机遇（深圳场）正式开放报名
2017年,以饿了么为代表的一些企业开始提出大前端的概念.2018年,InfoQ 举办了首届全球大前端技术大会,在大会中将前后端分离.跨平台和 PWA 等技术设立了专场,这次大会具有重要的意义,它预示 ...

02.Web大前端时代之：HTML5+CSS3入门系列~H5结构元素

02.Web大前端时代之：HTML5+CSS3入门系列~H5结构元素相关推荐

最新文章

热门文章