HTML5 新标签以及属性

柔光的暖阳◎ 2023-05-31 02:58 28阅读 0赞

## H5新标签介绍 ##

### nav ###

定义导航链接的部分

### header ###

定义网站头部标签，通常只有一个，也可以定义多个

### main ###

主题内容，一个文档中，只有一个main元素

### aside ###

定义侧标栏

### section ###

定义文档的某一个区域, 文档中的区段

### article ###

定义页面独立的内容。必须是独立于文档的其余部分。

论坛帖子，博客文档，新闻故事，评论。

### figure ###

规定独立的流内容(图像，图标，照片，代码)

如果这个标签被删除，不影响显示

### footer ###

定义页面底部区域

## H5新属性 ##

### contenteditable ###

规定是否可编辑元素内容

### data-\* ###

嵌入自定义数据

<div id="box" data-name="tt"></div>
    
    var h = document.getElementById("box")
    console.log(h.dataset.name)

### draggable ###

可拖拽的

<h1 draggable="true"> hello world</h1>

### hidden ###

元素是否可见

控制它，必须要使用js脚本

## 其他标签 ##

### mark ###

元素用于高亮文本显示

### progress ###

用来显示进度条

### address ###

## 新的表单元素 ##

### datalist ###

输入域的选项列表

list 和 id 一定要对应

### kegen ###

提供了一种验证用户可靠方法

<form action="#" method="get">
    用户名 input
    加密 <keygen name="security">
    input submit
    </form>

### output ###

用于不同类型的输出

## H5 新增表单类型 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnQyMDE4_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnQyMDE4_size_16_color_FFFFFF_t_70]: /images/20230531/d9dc5ca4162048f5b696824c63baed2e.png

HTML5 新标签以及属性

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 HTML5 新标签以及属性

相关 html5新标签 aside,Html5新标签之aside标签详解

相关 html5添加的新属性,html5有新属性吗

相关 html5 div标签属性,HTML:
标签

相关 html5新增标签和属性

相关 HTML5新标签以及用法

相关 HTML5学习笔记（一）HTML5新标签新属性

相关 HTML5新增标签属性

相关 HTML5的canvas新标签以及拖放

相关 html5新标签总结