html5--6-68 实战前的准备工作:了解HTML5大纲算法

学习要点

了解HTML5大纲算法

在html5中有一个很重要的概念，叫做HTML5大纲算法(HTML5 Outliner),它的用途为用户提供一份页面的信息结构目录。合理的使用HTML5元素标签，可以生成一个非常清晰的文档大纲

HTML5大纲算法

我们可以通过各种工具去查看当前页面，这里推荐使用一个测试工具：HTML5 Outliner，网址如下：https://gsnedders.html5.org/outliner/

了解一下section和div的区别
- div元素在html5之前是最常用的最流行的标签，但他本身是没有任何语义的，它只不过是用来布局页面和CSS样式以及JS调用。
- 在html5中section标签并不是用来取代div的。他是具有语义的文档标签，在大纲规范中规定section至少要包含一个标题。也就是section标签内至少包含一个h1~h6.
- 如果是页面布局，且不是header、footer之类的专属区域，都应该使用div;
body、nav、section都是需要有标题的才规范.header和div则是不需要标题的。
section和nav元素大纲要求有标题h1~h6，但是section必须有才规范，而nav如果没有标题，也是合理的。给他添加了标题会让大纲更好看，所以我们可以添加完了在隐藏，就不会破坏布局了。

html5--6-68 实战前的准备工作:了解HTML5大纲算法相关推荐

《HTML5与CSS3实战指南》——2.3 HTML5常见问题
本节书摘来自异步社区<HTML5与CSS3实战指南>一书中的第2章,第2.3节,作者: [美]Estelle Weyl , Louis Lazaris , Alexis Goldstein ...
响应式Web设计：HTML5和CSS3实战读书笔记
响应式Web设计:HTML5和CSS3实战 Responsive Web Design with HTML5 and CSS3 By : Pandao pandao####vip.qq.com ...
html5代码了解,了解HTML5大纲算法(示例代码)
实战前的准备工作:了解HTML5大纲算法在html5中有一个很重要的概念,叫做html5大纲算法(HTML5 Outliner),它的用途为用户提供一份页面的信息结构目录.合理的使用HTML5元素标 ...
《HTML5与CSS3实战指南》——2.2 基本的HTML5模板
本节书摘来自异步社区<HTML5与CSS3实战指南>一书中的第2章,第2.2节,作者: [美]Estelle Weyl , Louis Lazaris , Alexis Goldstein ...
HTML5游戏开发实战
<HTML5游戏开发实战> 基本信息原书名:HTML5 Games Development by Example: Beginner's Guide 作者: (美)Makzan 译者: ...
[书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读笔记分享
写在前面书籍介绍:本书主要讲解了如何运用HTML5和CSS3来进行响应式Web设计,使页面的设计与开发根据用户行为以及设备环境(系统平台.屏幕尺寸.屏幕定向等)来进行相应的响应和调整. 我的简评:响 ...
《HTML5与CSS3实战指南》——2.5 构建The HTML5 Herald
本节书摘来自异步社区<HTML5与CSS3实战指南>一书中的第2章,第2.5节,作者: [美]Estelle Weyl , Louis Lazaris , Alexis Goldstein ...
2.11.1.移植前的准备工作
本节介绍uboot移植工作正式开始前的准备工作,主要是环境搭建和必备工具的使用. 2.11.1.1.三星移植过的uboot源代码准备 (1)三星对于S5PV210的官方开发板为SMDKV210,对应的 ...
Exchange2003-2010迁移系列之二，迁移前的准备工作（上）
Exchange2010迁移前的准备工作(上) 上篇博文发出后,很多博友支持得非常给力,在此一并谢过!也有一些博友反映看得不是很明白,但仍然支持-..本文中首先就环境问题再为大家解释一下,然后介绍如何 ...

html5--6-68 实战前的准备工作:了解HTML5大纲算法

html5--6-68 实战前的准备工作:了解HTML5大纲算法

学习要点

了解一下section和div的区别

html5--6-68 实战前的准备工作:了解HTML5大纲算法相关推荐

最新文章

热门文章