首页 语义化标签

语义化标签

举报
开通vip

语义化标签语义化标签 一、去掉不必要的div标签 我看到好多人都在form或ul列表的外面嵌入一个div结构,为什么要嵌入这个你不需要的div那?你可以通过给相应的语义化的标签定义、引用新的css就可以达到同样的效果。 实例1: 一下案例展示的是如何去掉div标签并定义一个新的样式给form标签。 实例2 有时我们为了实现内容间间距的效果而在内容的外面嵌入一个多余的div标签。一下例子的左边增加了 来实现间距。但是,既然每个结构里面都含有标题标签h4,我们就可以给h4设置margin属性来实现间距,从而省去多...

语义化标签
语义化标签 一、去掉不必要的div标签 我看到好多人都在form或ul列表的外面嵌入一个div结构,为什么要嵌入这个你不需要的div那?你可以通过给相应的语义化的标签定义、引用新的css就可以达到同样的效果。 实例1: 一下案例展示的是如何去掉div标签并定义一个新的样式给form标签。 实例2 有时我们为了实现 内容 财务内部控制制度的内容财务内部控制制度的内容人员招聘与配置的内容项目成本控制的内容消防安全演练内容 间间距的效果而在内容的外面嵌入一个多余的div标签。一下例子的左边增加了 来实现间距。但是,既然每个结构里面都含有标题标签h4,我们就可以给h4设置margin属性来实现间距,从而省去多余的 结构。 二、使用语义化的标签 在页面制作过程中,应尽量使用语义化的标签(如:h1定义标题,P定义段落文字,ul定义列表项目),即使不定义css样式,你的文档也是有意义的。 实例: 一下图片对比了div定义的结构和语义化标签定义的结构在没有定义css展示的效果。 三、减少使用div的使用 实例1 链接导航效果,用p标签结构代替div标签结构更有意义。 实例2 一下实例我用一个span标签代替了原来的两个div标签结构,但他们实现的布局结构是一样的。 四、格式化你的结构代码 你要保持格式化你的代码结构,这样容易阅读和调试。如果你使用的是Adobe Dreamweaver,你点击Commands > Apply Source Formatting就很容易实现代码的格式化。 五、注释闭合div标签 开发模版程序的时候(比如WordPress themes),模版程序分成几个不同的文档index.php, header.php, sidebar.php, and footer.php等。同时,你也应该经常的注释你的div标签结构,不至于自己晕乎。当我看到 时,我就能清楚的辨认出是 的注释。 总结 初级经济法重点总结下载党员个人总结TXt高中句型全总结.doc高中句型全总结.doc理论力学知识点总结pdf : 1、减少使用div标签; 2、应该用div定义页面的主要框架结构,比如头部、内容、边栏和底部等结构; 3、内容应该使用语义化的html标签,而不是div标签; 4、格式化代码同时要闭合div标签结构。
本文档为【语义化标签】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_792768
暂无简介~
格式:doc
大小:87KB
软件:Word
页数:5
分类:互联网
上传时间:2017-12-12
浏览量:18