HTML5常用元素.pptx

HTML5常用元素
<section>元素
<section>元素用于标记文档中的区段或段落,例如文章的章节、页眉、页脚的设置。
<section draggable="true">
<h1>张三丰</h1>
<p>性别:男,邮箱地址:zhangsanfeng@</p>
</section>
<nav>元素
<nav>元素可以将具有导航性质的链接归纳在一块区域中。该元素可以在一个页面中出现多次,作为页面或部分区域的导航。
<nav>
<a href="">首页</a>
<a href="">图书</a>
<a href="">论坛</a>
</nav>
<hgroup>元素
<hgroup>元素用于对页面标题进行分组,通常与<figcaption>元素结合,说明各群组的功能。
<hgroup>
<figcaption>标题组一</figcaption>
<h1>标题h1</h1>
<h2>标题h2</h2>
</hgroup>
<address>元素
<address>元素定义文档作者或所有者的联系方式。
<address title="作者联系方式">
手机:**********
<a href="mailto:zhangsanfeng@">给我发邮件</a>
</address>
元素的hidden属性
hidden属性在html5中,只要存在,就是隐藏效果,而不论值为多少,要显示元素,要删除hidden属性,而不是设置为false。
演示代码
元素的spellcheck属性
spellcheck属性用于检测文本框或输入框中的拼音或语法是否正确,该属性值为布尔值,为true时,则检测对应输入框的语法,反之,则不检测。
演示代码
元素的contenteditable属性
可以直接对显示在页面中的文字进行编辑,该属性页是布尔类型,为true可以直接编辑。
演示代码
内容交互元素<details>
<summary>元素说明文档的标题,<details>元素说明文档的详细信息
用脚本控制<details>元素演示
菜单交互元素<menu>
菜单<menu>元素演示