在HTML5网页中写法正确的是,跟永哥学HTML5(4):正确使用HTML5的header、hgroup和section...
在上一章HTML5新增语义化元素的使用中我们讲解了
1、只在需要的时候使用header和hgroup
写不需要写的标签当然是毫无意义的。不幸的是,我经常看到header和hgroup被无意义的滥用。
关于header和hgroup元素简单总结如下:
header元素表示的是一组介绍性或者导航性质的辅助文字,经常用作section的头部
当头部有多层结构时,比如有子头部,副标题,各种标识文字等,使用hgroup将h1-h6元素组合起来作为section的头部
header的滥用
由于header可以在一个文档中使用多次,很多人这样使用:
125建站网
如果你的header元素只包含一个头部元素,那么丢弃header元素吧。既然article元素已经保证了头部会出现在文档概要中,而header又不能包含多个元素(如上文所定义的),那么为什么要写多余的代码。简单点写成这样就行了:
125建站网
的错误使用
在headers这个主题上,我也经常看到hgroup的错误使用。有时候不应该同时使用hgroup和header:
如果只有一个子头部
如果hgroup自己就能工作的很好。。。这不废话么
第一个问题一般是这样的:
网页设计|www.125jz.com
站长:江山如画
此例中,直接拿掉hgroup,让heading裸奔吧。
网页设计|www.125jz.com
站长:江山如画
第二个问题是另一个不必要的例子:
网页制作
www.125jz.com
如果header唯一的子元素是hgroup,那还要header干神马?如果header中没有其他的元素(比如多个hgroup),还是直接拿掉header吧
My company
Established 1893
125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/1055.html
在HTML5网页中写法正确的是,跟永哥学HTML5(4):正确使用HTML5的header、hgroup和section...相关推荐
- html5语义化标签和属性实例,跟永哥学HTML5(6)H5语义化标记使用示例
跟永哥学HTML5(3):HTML5新增语义化元素的使用 对新增语义化元素已经做过讲解,本节将巩固H5语义化标记的使用 article - 解释 article标签装载显示一个独立的文章内容.例如 ...
- 怎么把html的网页做成视频,html5网页中怎么加入视频?怎么为网页添加视频?
相信很多小伙伴会在各种网页和 app 中观看各种视频,那么今天我们就来说说怎么在html5网页中怎么加入视频?和怎么为网页添加视频吧! 1.首先,我们在开发工具中新建一个 .html 文件,输入下面代 ...
- #HTML5网页中的文本与图像
HTML5网页中的文本与图像 无序列表 首先欢迎大家来看我信息安全小萌新的博客!下面我会和大家分享我对于HTML5的学习经验,今天我很想的是HTML5网页中的文本与图像处理问题. 我先放一个案例,通过 ...
- html5网页中加入播放器,6 个 HTML5 的多媒体播放器
是 HTML5 中新引入的标签,用来在 Web 网页中嵌入视频播放功能,无需 Flash 和其他嵌入式插件的支持,是浏览器内建的功能,不过 旨在一些高级浏览器中支持,例如Firefox, Safari ...
- html5网页中加入播放器,向网页中添加 HTML5 视频控件
爱学习,爱生活,爱编程--希望能帮到你!更多>>> 如何开始使用 采用它的最基本形式,使用 HTML5 video 元素向网页中添加视频播放器是通过一行 HTML 完成的. 添加 ...
- 网页设计html加音频,HTML5网页中如何嵌入音频,视频?
<HTML5的视频播放控制技术> 介绍了 本文主要介绍在HTML5 中如何嵌入音频,视频? 在HTML5 中如何嵌入音频? HTML5 支持 MP3.Wav 和 Ogg 格式的音频,代码示 ...
- html5网页中加入播放器,10款jquery+html5实现的网页播放器
1.3D版HTML5模拟衣服拖拽动画效果 这是一款3D版HTML5模拟衣服拖拽动画效果源码,是一款非常具有创意而且很好玩的HTML5动画.运行本例源码可见衣服布料呈3D环形显示,可以用鼠标左键来拖拽衣 ...
- html5网页中加入播放器,如何嵌入HTML5视频播放器?
Javascript代码: document.onreadystatechange = function () { if (document.readyState == "complete& ...
- html5怎么加网页外边框,在HTML5网页中添加CSS边框更改定位
当我在 HTML 5文档中添加边框时,我遇到了移动页面元素的问题. 我期望包含的标题元素(灰色)出现在屏幕的顶部,但它似乎从内部div(红色)获取边距.但是,如果我在标题中添加一个边框,它会出现在我预 ...
最新文章
- 一行代码将Pandas加速4倍
- 仅用几行Python代码就能帮小姐姐复制U盘文件,实用干货
- 写了一段VBA代码后, Excel每次保存时都弹出警告:”此文档中包含宏、Activex控件、XML扩展包信息“(office 2007)
- 国内电影发行公司简介
- LINUX使用chrpath更改编译结果的rpath
- 解决Hbuliderx的代码不能自动补全的问题
- 惯性组合导航原理—[1] 方向余弦矩阵
- ps -ef|grep 命令解释
- 计算机无法更新正在撤销更改,win10更新出现“无法完成更新正在撤销更改请不要关闭计算”怎么办...
- 【看好了】如何使用fiddler实现手机抓包,Filters过滤器!
- java面试题怎么背?java面试题有哪些?
- php获取蓝奏云直连,最新php蓝奏云直链api接口源代码
- mysql Access denied; you need (at least one of) the SUPER privilege(s) for this operation
- HDLBits: 在线学习 SystemVerilog(五)-Problem 19-23
- EndNote软件使用
- 使用jQuery实现导航条滑动块效果
- 阿里P8推荐的10本Java实战书籍,Java开发进阶必备书单
- 小书虫app日记——(2)
- 微型计算机snb评测,实用至上 SNB平台核显微星CR460评测
- javascript 面向对象(实现继承的几种方式)