欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

HTML5标签行使要领详解

发布时间:2016-12-03  编辑:杨雨个人博客网站   点击:   

HTML 5 是一个新的收集尺度,方针在于代替现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 尺度。它但愿可以或许镌汰赏识器对付必要插件的富厚性收集应用处事(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。

HTML 5 提供了一些新的元素和属性,反应典范的当代用法网站。个中有些是技能上相同 <div> 和 <span> 标签,但有必然寄义,譬喻 <nav>(网站导航块)和 <footer>。这种标签将有利于搜刮引擎的索引清算、小屏幕装置和视障人士行使。同时为其他赏识要素提供了新的成果,通过一个尺度接口,如 <audio> 和 <video> 标志。

HTML 5 作为新一代的超文本标志说话,增进了很多标签。这些标签不单更有语义,并且成果强盛。详细有以下标签:

<article> 界说外部的内容。好比来自一个外部的消息提供者的一篇新的文章,可能来自 blog 的文本,可能是来自论坛的文本。亦或是来自其他外部源内容。
<aside> 界说页面内容之外的内容,但应该与页面内容相干
<audio> 界说声音,好比音乐或其他音频流
<canvas> 界说图形,好比图表和其他图像。
<command> 界说呼吁按钮,好比单选按钮、复选框或按钮。
<datatemplate> 界说数据模板的一个容器。该元素必需有界说模板的子元素:<rule> 元素
<datagrid> 界说可选数据的列表。datagrid 作为树列表来表现
<datalist> 界说可选数据的列表。与 input 元素共同行使,就可以建造出输入值的下拉列表
<dialog> 界说对话,好比攀谈
<embed> 界说嵌入的内容,好比插件
<event-source> 界说由处事器发送的变乱的来历
<figure> 界说前言内容的分组,以及它们的问题
<footer> 界说 section 或 document 的页脚
<header> 界说 section 或 document 的页眉
<hgroup> 将问题分组
<keygen> 界说天生密钥
<m> 界说带有暗号的文本
<mark> 首要的成果就是在页面中高亮表现那些必要在视觉上向用户突出其重要性的笔墨。个较量典范的应用就是在搜刮功效中向用户高亮表现搜刮要害词
<meter> 界说怀抱(单元)。仅用于已知最大和最小值的怀抱
<nav> 界说导航链接
<nest> 在数据模板中为子元素界说嵌套点。与 <datatemplate> 和 <rule> 元素一同行使
<output> 界说差异范例的输出,好比剧本的输出
<progress> 运行中的历程。可以用来来表现 JavaScript 中淹灭时刻的函数的历程或下载的进度
<rule> 界说更新数据模板的法则。与 <datatemplate> 和 <nest> 元素一路行使
<rp> 在 ruby 注释中行使,以界说不支持 ruby 元素的赏识器所表现的内容
<rt> 界说汉字的拼音或日语汉字的平化名
<ruby> 界说亚洲说话中的“附注笔墨”
<section> 界说文档中的节(section)。好比章节、页眉、页脚或文档中的其他部门
<source> 为前言元素(好比 <video> 和 <audio>)界说前言资源
<summary> 界说一个摘要,即 detail 的头部。不等同于表格中的 summary 属性
<time> 界说日期或时刻,可能两者
<video> 界说视频,好比影戏片断或其他视频流

HTML5 增进了很多新标签,同时也清扫了一些标签:

<acronym> 可以行使 <abbr> 取代
<applet> 不再支持
<basefont> 用 CSS 取代
<big> 用 CSS 取代
<center> 用 CSS 取代
<dir> 用 CSS 取代
<font> 用 CSS 取代
<frame> 不再支持
<frameset> 不再支持
<noframes> 不再支持
<s> 用 CSS 取代
<small> 用 CSS 取代
<strike> 用 CSS 取代
<tt> 用 CSS 取代
<u> 用 CSS 取代
上面这些标签在 XHTML 1.0 是不提议行使的,但如故可以支持,而在 HTML 5 中则彻底不支持了。其它尚有许多标签属性也不支持,如 aling 等。

本文地址:http://itbyc.com/web/html5/14501.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1