IT兄弟连 HTML5教程 “无意义”的HTML元素div和span

【IT兄弟连 HTML5教程 “无意义”的HTML元素div和span】的更多相关文章

IT兄弟连 HTML5教程 “无意义”的HTML元素div和span

HTML只是赋予内容的手段,大部分HTML标签都有其意义(例如,标签a创建链接,标签h1创建标题等),然而div和span标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用.但实际上,与CSS结合起来后,它们的应用十分广泛.需要记住的是,div和span是“无意义”的标签,它们的存在纯粹是为了应用CSS样式,所以当样式表失效时,它们就没有了任何作用. 它们被用来组合成一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来.span和div的不同…

IT兄弟连 HTML5教程 HTML文档头部元素head

HTML头部标记是<head>,主要包括页面的一些基本描述语句,以及CSS和JavaScript,一般都可以定义在头部元素中.它用于包含当前文档的有关信息,例如网页标题和关键字等.通常位于头部的内容都不会在网页上直接显示,而是通过另外的方式起作用.在<head>标记中可以使用的标记不多,包含一些常见的如<title>.<base>.<link>和<meta>等标记.<head>与</head>之间必须有<…

IT兄弟连 HTML5教程 HTML5表单 HTML5新增表单元素

HTML5有一些新的表单元素:<datalist>.<keygen>.<output>.不是所有的浏览器都支持HTML5新的表单元素,但即使浏览器不支持该表单属性,仍然可以显示为常规的表单元素. 1 <datalist>元素 <datalist>元素规定输入域的选项列表.<datalist>属性规定form或input域应该拥有自动完成功能.当用户在自动完成域中开始输入时,浏览器应该在该域中显示的填写的选项.Internet Exp…

IT兄弟连 HTML5教程 HTML5的基本语法小结及习题

小结一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这些逻辑上统一的对象称为元素.HTML文档主体结构分为两部分,一部分是定义文档类型,另一部分则是定义文档主体的结构框架标签.一个HTML文档需要包含的全局架构元素标签为<html>.<head>.<body>.<html>和</html>是网页文件的最外层标签,<head>和</head>标签之间的文本是头信息,<body>标签…

IT兄弟连 HTML5教程 DIV+CSS网页标准化布局小结及习题

小结 DIV+CSS布局页面的优势:表现和内容相分离.代码简洁,提高页面浏览速度.易于维护和改版.提高搜索引擎对网页的索引效率.每个HTML元素都可以看作一个区块,类似于装了东西的盒子,称为盒子模式.一个盒子是装内容的区块,如果多个盒子组合在一起使用,再通过定位和浮动的设置,就可以对整个页面进行布局.标准W3C盒子模型的范围包括margin.border.padding.内容区,并且内容区部分不包含其他部分.DIV+CSS进行页面布局时需要处理的兼容性问题有很多.通常在进行页面布局调试时将其划分…

IT兄弟连 HTML5教程 DIV+CSS网站首页布局示例

首页的设计直接影响网站的整体形象,虽然没有一个统一的规范,但最好将其设计为大众化的,只要信息内容能够合理地编排即可,使用户可以方便地找到需要的信息.另外,首页的高度最好不要超过三个屏幕,页面中使用的颜色最好也不要超过三种.通常一个网站首页包含页眉.Logo.Banner.主导航菜单.主内容栏目和次内容栏目区块.友情链接和页脚等区块框.本例将实现的效果如图1所示. 图1 DIV+CSS布局示例演示效果 1 HTML文件的设计使用CSS布局的好处之一就是它能够控制页面布局,而不需要使用过多的H…

IT兄弟连 HTML5教程 DIV+CSS网页标准化布局的优势

标准的网页都需要对内容进行布局,以前都是采用表格的定位技术,从2005年开始逐步转向DIV+CSS的布局方式,目前绝大多数的网站都是采用这种布局方式.使用DIV+CSS对网站进行布局符合W3C标准,采用这种方式布局通常是为了说明与HTML表格定位方式的区别.通过使用DIV盒子模型结构将各部分内容划分到不同的区块,然后用CSS来定义盒子模型的位置.大小.边框.内外边距.排列方式等.简单地说,DIV用于搭建网站结构(框架),CSS用于创建网站表现(样式/美化).该标准简化了HTML页面代码,获得了一…

IT兄弟连 HTML5教程多媒体应用新增多媒体播放元素

在HTML5之前,要在网站上展示视频.音频.动画等多媒体信息,除了使用第三方自主开发的播放器,使用最多的工具应该算是Flash了,但是它们都需要在浏览器中安装各种插件才能使用,有时速度很慢.HTML5的出现使这一局面得到了改观.在HTML5中提供了音频的标准接口,多媒体播放再也不需要安装插件了,只需要一个支持HTML5的浏览器就可以了.本节介绍video和audio这两个HTML5新增加的元素,它们分别用来处理视频与音频数据.目前Safari 3以上.Firefox 4以上.Opera 10以上…

IT兄弟连 HTML5教程 CSS3揭秘小结及习题

小结 CSS3对于开发者来说,给web应用带来了更多的可能性,极大提高了开发效率.CSS3在选择器上的支持可谓是丰富多彩,使得我们能够灵活的控制样式,而不必为元素进行规范化的命名.CSS3支持的动画类型更加的丰富了,主要有transform(变换).transition(过渡)和animation(动画).不仅在类型上更加多样,还可以对特定的属性设置transition,所以在以后面对更多的脚本开发者,会更加的方便简单.对于CSS3的特性,圆角.文本阴影.盒模型阴影和渐变是网页制作更加便捷与网页…

IT兄弟连 HTML5教程多媒体应用小结及习题

小结在互联网上,图像和链接则是通过URL唯一确定信息资源的位置.URL分为绝对URL和相对URL.通过使用<img />标记在浏览器中显示一张图像.超文本具有的链接能力,可层层链接相关文件,这种具有超链接能力的操作,称为超链接.链接文档中的特定位置也称为锚点,定义锚点和超链接都使用<a>标记.图像地图是带有可点击区域的图像,每个区域是一个相关的超级链接.video和audio这两个HTML5新增加的元素,它们分别用来处理视频与音频数据,使得多媒体播放再也不需要安装插件了. 习题…