html5语义化标签,html5的基本语法
https:///html _ XHTML/2008 03 06/html _ XHTML _ 4688 . html
HTML也被称为Web应用程序1.0。为了实现这一目标，添加了几个新元素来为网页提供交互体验：
细节
数据网格
菜单
命令
这些元素可以根据用户的操作和选择改变显示的内容，而不需要从服务器加载新的页面。
细节
details元素表示默认情况下可能不显示的详细信息。的可选图例元素可以提供详细信息的摘要。
details元素的用途之一是提供脚注和尾注。例如：
克雷文氏小海鸭的喙薄约10%
比桑塔斯小海鸭的嘴还要大。
细节
传奇[西布利，2000]/传奇
戴维艾伦，西布利鸟类指南，
(纽约：强啼克利尔出版社，2000年)第247页
/p
/详细信息
没有指定具体的显示模式。浏览器可以选择脚注、尾注和工具提示。
每个细节元素都可以有一个open属性。如果设置了该属性，最初将显示详细信息。如果未设置该属性，它们将被隐藏，直到用户要求显示它们。在这两种情况下，用户都可以通过单击图标或其他控件来显示或隐藏详细信息。
数据网格
Datagrid元素提供了一个网格控件。它可以用来显示树、列表和表格，用户和脚本可以更新这些界面元素。相反，传统的表格主要用于显示静态数据。
Datagrid从其内容(一个表、select或其他HTML元素)中获取初始数据。例如，代码9中的数据网格包含一个报告卡。在这个例子中，datagrid的数据来自一个表。更简单的一维datagrid可以从select元素中获取数据。如果使用了其他HTML元素，那么每个子元素都成为网格中的一行。
数据网格
桌子
trtdJones/tdtdAllison/tdtdA-/tdtddb/tdtdA/TD/tr
trtdSmith/tdtdJohnny/tdtdA/tdtdC/tdtdA/TD/tr
trtdWillis/tdtdSydney/tdtdC-/tdtddd/tdtdF/TD/tr
trtdWilson/tdtdFrank/tdtdB-/tdtdB/tdtdA/TD/tr
/表格
/数据网格
该元素与常规表格的不同之处在于，用户可以选择行、列和单元格；折叠行、列和单元格。编辑单元格；删除行、列和单元格。对网格进行排序；以及直接在客户端浏览器中的其他数据操作。您可以用JavaScript代码监控更新。文档模型(DOM)中添加了HtmlDataGriDeletion接口以支持此元素(代码10 HTMLDataGridElement)。
接口html datagrid element:html element {
属性DataGridDataProvider数据；
只读属性DataGridSelection选择；
属性布尔倍数；
属性布尔被禁用；
void update everything()；
void updateRowsChanged(在RowSpecification行中，在无符号长整型计数中)；
void updateRowsInserted(在RowSpecification行中，在无符号长整型计数中)；
void updateRowsRemoved(在RowSpecification行中，在无符号长整型计数中)；
void updateRowChanged(在RowSpecification行)；
void updateColumnChanged(在无符号长列中)；
void updateCellChanged(在RowSpecification行中，在无符号长整型列中)；
};
还可以使用DOM在网格中动态加载数据。也就是说，数据网格可能不包含提供初始数据的子元素。可以用DataGridDataProvider对象(代码11 DataGridDataProvider)来设置它。通过这种方式，可以从数据库、XmlHttpRequest或JavaScript代码可以访问的任何资源中加载数据。
接口DataGridDataProvider {
void initialize(在HTMLDataGridElement数据网格中)；
无符号长整型getRowCount(在RowSpecification行中)；
无符号长整型getChildAtPosition(在RowSpecification parentRow中，
在无符号长位置)；
无符号长整型get column count()；
DOMString getCaptionText(在无符号长列中)；
void getCaptionClasses(在无符号长列中，在DOMTokenList类中)；
DOMString getRowImage(在RowSpecification行)；
HTMLMenuElement getRowMenu(在RowSpecification行中)；
void getRowClasses(在DOMTokenList类的行规范行中);
DOMString getCellData(在行规范行中，在无符号长的列中);
void getCellClasses(在行规范行，在无符号长整型列，
在DOMTokenList类中);
void toggleColumnSortState(在无符号长列中);
void setCellCheckedState(在行规范行，在无符号长整型列，
处于长状态);
无效循环电池(在行规范行中，在无符号长的列中);
void编辑单元(在行规范行中，在无符号长整型列中，在多姆斯特灵数据中);
};
菜单和命令
菜单元素实际上在HTML 2中就出现了。在HTML 4中废弃了它，但是HTML 5又恢复了它并指定了新的意义。在HTML 5中，菜单包含命令元素，每个命令元素引发一个操作。例如，代码12 HTML 5菜单是一个弹出警告框的菜单。
菜单
命令onclick=alert(第一个命令) label=执行第一个命令/
命令onclick=alert(第二个命令) label=执行第二个命令/
命令onclick=alert(第三个命令) label=执行第三个命令/
/菜单
还可以用checked=checked 属性将命令转换为复选框。通过指定选项按钮组属性，可以将复选框转换为单选按钮，这个属性的值是互相排斥的按钮的组名。
除了简单的命令列表之外，还可以使用菜单元素创建工具栏或弹出式上下文菜单，这需要将类型属性设置为工具栏或弹出窗口。例如，代码13.HTML 5工具栏显示一个与博客等博客编辑器相似的工具栏。它使用图标属性链接到按钮的图片。
菜单类型=工具栏
command onclick= insert tag(buttons，0)；label=strong icon=bold.gif/
command onclick= insert tag(buttons，1)；label=em icon=italic.gif/
command onclick= insert link(buttons，2)；label=link icon=link.gif/
command onclick= insert tag(buttons，3)；label= b-quote icon= block quote。gif /
command onclick= insert tag(buttons，4)；label=del icon=del.gif/
command onclick= insert tag(buttons，5)；label=ins icon=insert.gif/
command onclick=插入图像(按钮)；label=img icon=image.gif/
command onclick= insert tag(buttons，7)；label=ul icon=bullet.gif/
command onclick= insert tag(buttons，8)；label=ol icon=number.gif/
command onclick= insert tag(buttons，9)；label=li icon=item.gif/
command onclick= insert tag(buttons，10)；label=code icon=code.gif/
command onclick= insert tag(buttons，11)；label=cite icon=cite.gif/
command onclick= insert tag(buttons，12)；label=abbr icon=abbr.gif/
命令onclick=insertTag(buttons，13)；label= acronym icon= acronym。gif /
/菜单
标签属性提供菜单的标题。例如，代码14.HTML 5编辑菜单显示一个编辑菜单。
菜单类型=弹出标签=编辑
command onclick= Undo() label= Undo /
命令onclick=redo() label=Redo/
命令onclick=cut() label=Cut/
command onclick= Copy() label= Copy /
命令onclick= Paste() label= Paste /
command onclick= delete() label= Clear /
/菜单
菜单可以嵌套在其他菜单中，形成层次化的菜单结构。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。