Web前端开发技术与实践 第4章:TM5结构与属性 阮晓龙 13938213680/ rxl@hactcmeducn http://web.51xueweb.cr 问南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9
Web前端开发技术与实践 第4章：HTML5结构与属性 阮晓龙 13938213680 / rxl@hactcm.edu.cn http://web.51xueweb.cn 河南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9 1
2 本章主要内容 口结构之美:从HTM到HTM5 口HTM5基础 口HTM5结构元素 口超链接 ⊙米 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 本章主要内容 结构之美：从HTML4到HTML5 HTML5基础 HTML5结构元素 超链接 2
3 1.结构之美:从HTML4到HTML5 1.1使用表格布局 口传统表格布局方式实际上是利用班M中的表格元素< table具有 的无边框特性,当表格元素在显示时,使单元格的边框和间距 设置为0,然后将网页中的各个元素按版式划分放入表格的各单 元格中,从而实现复杂的排版组合。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.结构之美：从HTML4到HTML5 传统表格布局方式实际上是利用HTML中的表格元素<table>具有 的无边框特性，当表格元素在显示时，使单元格的边框和间距 设置为0，然后将网页中的各个元素按版式划分放入表格的各单 元格中，从而实现复杂的排版组合。 3 1.1使用表格布局
4 1.结构之美:从HTML4到HTML5 1.1使用表格布局 口使用表格布局 table tr td table tr td table tr td Sub table tr td Sub table tr td table tr td 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.结构之美：从HTML4到HTML5 使用表格布局 4 1.1使用表格布局
1.结构之美:从HTML4到HTML5 12使用区块布局 口在 XHTML1.0之后,W3C开始大力推行Web标准,开发工程师基本 上都是用了 DIV+CSSI的布局方式,叫做区块布局。 口但是,搜索引擎去抓取页面的内容时,它只能猜测某个DIV内的 内容是文章内容容器,或是导航模块的容器,或是作者介绍的 容器等等,整个HM文档结构定义不清晰,仅仅是在展示和页 面解析性能上得到了提升。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.结构之美：从HTML4到HTML5 在XHTML1.0之后，W3C开始大力推行Web标准，开发工程师基本 上都是用了DIV+CSS的布局方式，叫做区块布局。 但是，搜索引擎去抓取页面的内容时，它只能猜测某个DIV内的 内容是文章内容容器，或是导航模块的容器，或是作者介绍的 容器等等，整个HTML文档结构定义不清晰，仅仅是在展示和页 面解析性能上得到了提升。 5 1.2使用区块布局