仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 642|回复: 7
打印 上一主题 下一主题

[HTML5] 给大家带来一些不太经常使用的XHTML标签用法和实例

[复制链接]
乐观 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:17:43 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在W3C的HTML工作小组电子邮件论坛上频频冒出这样的情绪化批判字眼:“幼稚”、“令人无法忍受”、“荒谬”、“使诈”等。网页制造poluoluo文章简介:只需制造出来的页面可以和计划最终效果分歧就好了,管它代码公道分歧理、松散不松散,客户也不请求页面经由过程W3C考证.
做为XHTML+CSS开辟职员,尽量不要让本人有如许的动机:
“只需制造出来的页面可以和计划最终效果分歧就好了,管它代码公道分歧理、松散不松散,客户也不请求页面经由过程W3C考证……”
——我们的目标是为了要写出只管语义准确的及格文档,而不是为了要经由过程甚么考证,假设一点也不思索代码的语义性,仅仅请求能复原最终效果就好,就又退回到table时期了~~那上面的笔墨内容,也不用再看下往了。
举一个例子:
当我们回抵家今后,会把脱上去的鞋放到鞋柜,把买返来的肉放进冰箱,我们这些做法一定不会瞎搅:把臭鞋放进冰箱,把肉搁进鞋柜?!
标签也是这个事理,相干的内容要放进到符合的标签内,好比主题目就放到h1标签里,p标签内装的就是文本段落,如许做,不是为了给人看的,而是要给那些:扫瞄器、拼写反省程序、翻译体系和搜刮引擎分度器看,究竟终极剖析这些代码的是呆板。以是我们仍是用呆板的言语来跟呆板相同吧!
认同以上概念的,请持续往下看:
明天要说的不是那些罕见标签(如:div、h1、p、dl、ul、ol、strong、span……),而是一些不太经常使用的标签(“不太经常使用的标签”这个说法仅仅是团体界说),如今就大抵先容一下:
1.<abbr></abbr>——这个标签是用来包括缩写的文本
举例:
“纯熟利用PS、DW软件”
这一句话实践要表达的是:“纯熟利用AdobePhotoshopCS4、AdobeDreamweaverCS4软件”
代码:
<p>“纯熟利用<abbrtitle=’AdobePhotoshopCS4&prime;>PS</abbr>、<abbrtitle=’AdobeDreamweaverCS4&prime;>DW</abbr>软件”</p>
个中的title属性就是安排缩写文本的完全内容,它能够被扫瞄器、拼写反省程序、翻译体系和搜刮引擎分度器所剖析。
页面出现效果:
“纯熟利用PSPS、DWDW软件”
2.<acronym></acronym>——取首字母缩写
举例:
在我们熟知的言语中,诸如:HTML、CSS,这二个单词也是缩写,完全的英文是:
HTML:HypertextMarkupLanguage
CSS:CascadingStyleSheets
很分明,下面这二句每一个单词的首字母合在一同,酿成了我们最多见到的HTML、CSS,那末当我们在页面中要出现这些首字母缩写的文本时,能够编写以下代码:
<acronymtitle="HypertextMarkupLanguage">HTML</acronym>
<acronymtitle="CascadingStyleSheets">CSS</acronym>
页面出现效果:HTMLCSS
3.<address></address>——界说地点、署名大概文档的作者身份
举例:妙味教室地点地:北京海淀区牡丹园小区勾栏1号楼811室
代码:<address>妙味教室地点地:北京海淀区牡丹园小区勾栏1号楼811室</address>
注重:这个标签是块级元素(block)
页面出现效果:
妙味教室地点地:北京海淀区牡丹园小区勾栏1号楼811室4.<blockquote></blockquote>——界说一个块援用(长段笔墨援用)
<q></q>——界说一个短援用
我们的页面上有大概会援用一段笔墨、或人的一句话等等,最多见的是在注释之前,有一块“援用”的冗长内容,在这个时分,就必要用到这二个标签。
举例:
长的援用:
<blockquote>
除非你把爱国主义从人类中摈除进来,不然你将永久不会具有一个和平的天下。爱国主义是一种无害的、精力庞杂的呆子情势。爱国主义就是让你确信这个国度比一切其他的国度都要杰出,只由于你生在这里。——乔治&bull;肖伯纳
</blockquote>
短的援用:
<q>有这么一群人,在日本叫法西斯,在德国叫纳粹,在中国叫爱国者!——王朔说</q>
注重:blockquote标签会在文本的两头发生缩进。
页面出现效果:
长的援用:
除非你把爱国主义从人类中摈除进来,不然你将永久不会具有一个和平的天下。爱国主义是一种无害的、精力庞杂的呆子情势。爱国主义就是让你确信这个国度比一切其他的国度都要杰出,只由于你生在这里。——乔治&bull;肖伯纳
短的援用:
有这么一群人,在日本叫法西斯,在德国叫纳粹,在中国叫爱国者!——王朔说
5.<del></del>——界说文档中已被删除的文本
<ins></ins>——界说已被更新的文本
举例:
常常有商城类网站的促销价,原价是:50元,现价是:42元
代码:原价是:<del>50元</del>,现价是:<ins>42元</ins>
页面出现效果:原价是:50元,现价是:42元
6.<sub></sub>——界说下标文本
<sup></sup>——界说上标文本
这二个标签在数学里常常用到。
举例:10<sub>2</sub>10<sup>2</sup>
页面出现效果:102102
看到这里,会不会有人以为:“如许做不就把一件很复杂的事变庞大化了吗?”
——实在如许想是不合错误的,缘故原由除下面提到过的语义化准绳之外,还应该思索这句话:
“(当你公道使用这些标签的时分)扫瞄器大概会依据这个信息,改动对这些文本的显现体例,大概用其他文本取代。大概以后盛行的扫瞄器对此标签中包括的文本还没有任那边理体例,可是我们没法展望未来的扫瞄器版本将会怎样完成该标签。
别的,另有一些更实践的使用促使我们将代码写得更松散些:
假设我们但愿加上一点JSJS的页面展现效果:当鼠标挪动到页面中任何一个abbr标签内时,有一个图片会跟着鼠标垂垂显现出来,而且图片上的申明笔墨,就是abbr标签内的title内的笔墨;
因为我们一入手下手就在页面中设置好了abbr标签,以是即便在页面完成今后,要增加如许的页面效果,也是轻而易举、轻松之至。
</p>
HTML5开发的网页文档类型极其简单,就够了,记得5年前还在反复跟团队强调使用XHTML那段冗长的文档类型声明.
再见西城 该用户已被删除
沙发
发表于 2015-1-17 21:39:15 | 只看该作者
可以使用CSS检查工具进行设计。
深爱那片海 该用户已被删除
板凳
发表于 2015-1-25 12:39:35 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
金色的骷髅 该用户已被删除
地板
发表于 2015-2-2 22:11:53 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
不帅 该用户已被删除
5#
发表于 2015-2-25 19:04:58 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
透明 该用户已被删除
6#
发表于 2015-3-8 02:44:21 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
灵魂腐蚀 该用户已被删除
7#
发表于 2015-3-15 21:58:29 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
若天明 该用户已被删除
8#
发表于 2015-3-22 16:49:19 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 01:10

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表