html5新增属性 html5新增了

本文目录一览：

• 1、H5新增属性contenteditable(不用JS,实现div模拟textarea高度自增长...
• 2、HTML5有哪些新的元素和属性
• 3、HTML5有哪些新的表单属性
• 4、如何设置HTML自定义属性
• 5、HTML5中的a标签新增了哪些属性

H5新增属性contenteditable(不用JS,实现div模拟textarea高度自增长...

无意中发现contenteditable属性，只需将div标签设为contenteditable=true，便能实现代替textarea，文本内容增加时，div自动调整高度，无需使用JavaScript。下面的代码示例展示了一个简单的实现，添加了一些样式，将文本域也包括进去，方便对比。

无意间翻阅博客，发现了一个令人惊喜的HTML5新增属性——contenteditable。只需在div标签中添加contenteditable=true，便能实现div模拟textarea功能，使div高度随内容增长自动调整。

使用textarea标签进行多行文本的输入有很多限制，比如不能实现高度自适应，会出现难看的滚动条等问题。

很多人刚开始接触contenteditable这个属性时都会想到textarea。 textarea支持多行文本输入，满足了我们编辑的很大需求。然而，textarea不能像div一样高度自适应，高度保持不变，内容大于高度时就会出现滚动条。

} (textarea).on(input， textareaAdapt)；同时，有另外一种方式也可以实现高度自增长，就是将div属性contenteditable设置为true，那么div元素就可以实现自增长的文本可编辑框：(div).prop(contenteditable， true)；这个时候的可编辑框其实可以拖进来图片，以及带有其他格式的文本，比如按钮。

HTML5有哪些新的元素和属性

1、HTML5 引入了新的 HTML 元素和属性，有的是传统通用元素的语义化版本，如取代 div 元素的 nav， footer 等元素，也有一些全新的元素，如 audio， video。一些在 HTML4 中不被推荐使用的元素，如 font 和 center 将被弃用。

2、新元素：HTML5引入了许多新的语义化元素，如section、article、header、nav、footer等，使得网页内容更具结构性和可读性。视频和音频支持：HTML5原生支持嵌入视频和音频，通过video和audio标签，可以直接在网页中播放音频和视频，不再需要第三方插件。

3、meter：表示特定范围内的数值，可用于工资、数量、百分比等。time：表示时间值。progress：用来表示进度条，可通过对其max、min、step等属性进行控制，完成对进度的表示和监事。video：视频元素，用于支持和实现视频文件的直接播放，支持缓冲预载和多种视频媒体格式。

4、HTML5中提供了三种列表元素：无序列表、有序列表和定义列表。无序列表、有序列表和定义列表，分别以无序、有序及解释形式，帮助组织内容，提升网页体验。无序列表（ul）是使用最广泛的列表类型，其列表项之间无特定顺序，常用于并列呈现信息。

HTML5有哪些新的表单属性

1、新增表单属性：autocomplete 自动完成 novalidate不验证数据 formaction 用于描述表单提交的URL地址，会覆盖 元素中的action属性.formenctype 表单提交到服务器的数据编码 (只对form表单中 method=post 表单)formmethod 表单提交方式，会覆盖 的method 属性。

2、有这些新属性，placeholder和maxlength用的比较多。

3、语义化标签：对比之前HTML没有体现结构语义化的标签，如：div id=header/div，HTML5提供语义化标签，如：headerarticlefooternavasidesection等 增强型表单：多个新的表单 Input 输入类型，如：color，url，date等这些新特性提供了更好的输入控制和验证。

4、html5废除了font标记和属性。html5中，在新增加和废除很多元素的同时，也增加和废除了很多属性。新增属性，表单属性a、autofocus对input[所有类型]、select、textarea与button指定autofocus属性。它以指定属性的方式让元素在页面加载后自动获得焦点。

5、HTML5 的新的表单属性 本章讲解涉及 form 和 input 元素的新属性。

如何设置HTML自定义属性

方法为：创建HTML5文件，在body中设置自定义元素，在head部分脚本区域利用JavaScript元素进行访问。

第一种方法是创建HTML5文件，在body中设置自定义元素，然后在head部分的脚本区域利用JavaScript进行访问。这种方法可以灵活地添加和修改元素属性，以实现动态网页效果。第二种方法是创建元素，自定义属性允许以一种特殊的方式利用页面内的JavaScript代码来设置元素。

限制input文本框的输入长度的话可以为其加上maxlength属性来限制。如果是限制input的显示长度的话，可以直接用CSS中的width来限制。添加css属性， style=width：200px；。？限制input标签的长度：。

setAttribute接受两个参数：name和value。name是要设置的属性名称，value是对应的属性值。例如，如果你想改变一个元素的id属性，你可以使用如下代码：javascript element.setAttribute；这会将元素的id属性设置为newId。设置自定义属性 除了设置HTML元素的固有属性，setAttribute还可以用于设置自定义属性。

HTML5中的a标签新增了哪些属性

1、在HTML5中，a标签新增了download属性，用于指定链接目标的下载选项，如文件名、保存路径和打开方式等，方便用户进行文件下载。此外，a标签还可以嵌套其他标签，如img标签实现图片链接，以及按钮、表单等标签实现其他交互功能。

2、目前html5仍然是草案，到w3c主站也没有看到关于这个标签的具体使用。

3、html5废除了font标记和属性。html5中，在新增加和废除很多元素的同时，也增加和废除了很多属性。新增属性，表单属性a、autofocus对input[所有类型]、select、textarea与button指定autofocus属性。它以指定属性的方式让元素在页面加载后自动获得焦点。

4、您好，a标签有以下属性，其中包含h5新属性 charset char_encoding HTML5 不支持。规定目标 URL 的字符编码。coords coordinates HTML5 不支持。规定链接的坐标。download filename 指定下载链接 h5新属性 href URL 规定链接的目标 URL。

5、a 标签定义超链接，用于从一张页面链接到另一张页面。a 元素最重要的属性是 href 属性，它指示链接的目标。

6、section 标签是html5中新增的元素 section 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。