∙
∙
HTML5
--...-->标签
定义和用法
注释标签用于在源文档中插入注释。
注释会被浏览器忽略。
您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。
您也可以在注释内容存储针对程序所定制的信息。
在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。
一个好的习惯是把注释或样式元素放入注释文本中,这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。
除了在源文档中有非常明显的作用外,许多Web服务器也利用注释来实现文档服务端软件特有的特性。
这些服务器可以扫描文档,从传统的HTML/XHTML注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。
这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-insideinclude),也可能是复杂地执行其他命令去动态生成文档的内容。
HTML4.01与HTML5之间的差异
NONE
例子:
--Thistextisacomment-->
Thisisaregularparagraph
属性:
无
TIY实例
隐藏的注释
本例演示如何在HTML源代码中插入隐藏的注释。
窗体顶端
HTML5
DOCTYPE>标签
定义和用法
DOCTYPE>声明是文档中的第一个成分,位于标签之前。
该标签告知浏览器文档所使用的HTML规范。
HTML4.01与HTML5之间的差异
在HTML4.01中有3个不同的文档类型,在HTML5中只有一个:
DOCTYPEHTML>。
提示和注释:
注释:
DOCTYPE>标签没有结束标签!
提示:
DOCTYPE>对大小写不敏感。
HTML5
在HTML5中,文档类型声明很简单:
DOCTYPEHTML>
在所有HTML文档中规定文档类型很重要,这样浏览器才能了解所预期的文档类型。
HTML4.01中的doctype需要引用一个DTD,这是因为HTML4.01基于SGML。
HTML5不基于SGML,也不需要引用DTD,但是需要声明文档类型让浏览器按照它们应该的方式来运行。
属性:
NONE
窗体顶端
HTML5标签
定义和用法
标签定义超链接,它用于从一个页面连接到另一个页面。
HTML4.01与HTML5之间的差异
在HTML4.01中,标签既可以是超链接,也可以是锚。
这取决于是否描述了href属性。
在HTML5中,是超链接,但是假如没有href属性,它仅仅是超链接的一个占位符。
HTML5有一些新的属性,同时不再支持一些HTML4.01的属性。
例子:
链接到w3school:
W3School
在新窗口中打开w3school:
W3School
属性
属性
描述
4
5
charset
不赞成。
规定目标URL的字符编码。
4
coords
不赞成。
规定适于shape属性的坐标,为图像映射定义图像的区域。
4
href
链接的目标URL。
4
5
hreflang
规定目标URL的基准语言。
仅在href属性存在时使用。
4
5
media
规定目标URL的媒介类型。
默认值:
all。
仅在href属性存在时使用。
5
name
不赞成。
命名一个锚。
不支持。
使用id代替。
4
ping
由空格分隔的URL列表,当用户点击该链接时,这些URL会获得通知。
仅在href属性存在时使用。
5
rel
规定当前文档与目标URL之间的关系。
仅在href属性存在时使用。
4
5
rev
不赞成。
规定目标URL与当前文档之间的关系。
4
shape
不赞成。
为当前area标签中的映射定义的地区类型。
与coords属性一起使用。
4
target
在何处打开目标URL。
仅在href属性存在时使用。
4
5
type
规定目标URL的MIME类型。
仅在href属性存在时使用。
4
5
标准属性
class,contenteditable,contextmenu,dir,draggable,id,
irrelevant,lang,ref,registrationmark,tabindex,template,title
如需完整的描述,请访HTML5中标准属性。
事件属性
onabort,onbeforeunload,onblur,onchange,onclick,oncontextmenu,
ondblclick,ondrag,ondragend,ondragenter,ondragleave,ondragover,
ondragstart,ondrop,onerror,onfocus,onkeydown,onkeypress,onkeyup,
onload,onmessage,onmousedown,onmousemove,onmouseover,onmouseout,
onmouseup,onmousewheel,onresize,onscroll,onselect,onsubmit,onunload
如需完整的描述,请访HTML5中事件属性。
TIY实例
创建超级链接
本例演示如何在HTML文档中创建链接。
将图像作为链接
本例演示如何使用图像作为链接。
在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。
创建电子邮件链接
本例演示如何如何链接到一个邮件。
(本例在安装邮件客户端程序后才能工作。
)
创建电子邮件链接2
HTML5标签
定义和用法
表示一个缩写形式,比如"Inc."、"etc."。
通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
标签最初是在HTML4.0中引入的,表示它所包含的文本是一个更长的单词或短语的缩写形式。
浏览器可能会根据这个信息改变对这些文本的显示方式,或者用其他文本代替。
也许当前流行的浏览器对标签中包含的文本还没有任何处理方式,但是我们无法预测将来的版本将会如何实现该标签。
HTML4.01与HTML5之间的差异
NONE
例子:
etc.
输出:
etc.
提示和注释:
注释:
在某些浏览器中,当您把鼠标移至缩略词语上时,title可被用来展示表达的完整版本。
属性
标准属性
class,contenteditable,contextmenu,dir,draggable,id,irrelevant,
lang,ref,registrationmark,tabindex,template,title
如需完整的描述,请访HTML5中标准属性。
事件属性
onabort,onbeforeunload,onblur,onchange,onclick,oncontextmenu,
ondblclick,ondrag,ondragend,ondragenter,ondragleave,ondragover,
ondragstart,ondrop,onerror,onfocus,onkeydown,onkeypress,onkeyup,
onload,onmessage,onmousedown,onmousemove,onmouseover,onmouseout,
onmouseup,onmousewheel,onresize,onscroll,onselect,onsubmit,onunload
如需完整的描述,请访HTML5中事件属性。
TIY实例
缩写和首字母缩写
此例演示如何实现缩写或首字母缩写。
窗体顶端
HTML5标签
定义和用法
标签定义首字母缩写词,比如"NASA"。
通过对只取首字母缩写进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
HTML4.01与HTML5之间的差异
HTML5不支持。
请使用代替。
例子:
WWW
输出:
WWW
提示和注释:
注释:
在某些浏览器中,当您把鼠标移至缩略词语上时,title可被用来展示表达的完整版本。
窗体顶端
Search:
HTML5