page contents

介绍:HTML5新增的元素有哪些

一:html5新增的主体元素 <article>:定义页面独立的内容区域(可以嵌套使用,可以表示插件)。 <section>:定义文档中的节(section,区段)。 <nav>:定义导航链接的部...

attachments-2021-06-pWWIifmu60cab61c4aa2a.png

一:html5新增的主体元素

<article>:定义页面独立的内容区域(可以嵌套使用,可以表示插件)。

<section>:定义文档中的节(section,区段)。

<nav>:定义导航链接的部分。

<aside>:定义页面的侧边栏内容。

<time>:定义日期或时间。

二:html5新增的非主体元素

<header>:定义了文档的头部区域。

<footer>:定义 section 或 document 的页脚。

<hgroup>:被用来对标题元素进行分组。

<adderss>:定义文档作者/所有者的联系信息。

三:form表单新增元素与属性

html <input>formactiom:formaction 属性规定当表单提交时处理输入控件的文件的 URL。

html <input>formmethod:formmethod 属性定义发送表单数据到 action URL 的 HTTP 方法。

html <input>formenctype:formenctype 属性规定当表单数据提交到服务器时如何编码,仅适用于 method="post" 的表单

html <input>formtarget:formtarget 属性规定表示提交表单后在哪里显示接收到响应的名称或关键词。(_blank新窗口响应)

html <input>autofocus:autofocus 属性规定当页面加载时 <input> 元素应该自动获得焦点。(布尔值)

html <input>required:required 属性规定必需在提交表单之前填写输入字段。(布尔值)

html <input>labels属性:                      html <input>control属性:设置默认值

四:form表单新增元素与属性(续)

html <input>placeholder:placeholder属性当文本框处于未输入状态时显示输入提示。

html <input>list:list属性的值为某个datalist元素的id,类似下拉选择框,但是允许自行输入。

html <input>autocomlistplete:cutocomlistplete属性帮助输入所用的自动完成功能,是一个既节省输入时间又十分方便的功能。

html <input>pattern:pattern 属性规定用于验证 <input> 元素的值的正则表达式。

html <input>selectiondirection:当用户在这两个元素中用鼠标选取部分文字时,可以使用该属性获取选取方向。

html <input>indeterminate:可以在javascript脚本代码中说明复选框处于“尚未明确是否选取”状态。(选取、非选取,不明确)

img提交按钮的height和width:用来指定图片按钮的高度和宽度。

五:html5改良的input元素

type="url"(一个网址,带自验证)type="email"(一个邮箱,带自验证)type="date"(日期,可以自己选取)

type="time"(输入时间的文本框,带自验证)type="datetime"(专门输入utc时间的文本框)

type="datetimelocal"(专门在本地输入时间的文本框)type="mouth"(专门输入月份的文本框)

type="week"(专门输入周号的文本框)type="unmber"(转本输入数字的文本框)type="search"(搜索关键字的文本框)

type="tel"(用来输入电话号码的文本框)type="color"(选取颜色,提供一个颜色选取器)

<output>:定义不同类型的输入。

六:html5增强的页面元素

<figure>:用来表示网页上独立的内容(可以是图片、统计表格、音视频插件.....)

<figcaption>:从属于figure元素,表示figure元素的标题

<details>:用来表示该元素内部的子元素,可以别展开或者收缩的元素(布尔类型)

<summary>:从属于details元素

<mark>:突出显示或者高量显示的对当前用户有参考作用的一段文字

<ol>:[ol---li,,,,,start="5"(列表从5开始),,,reversed(倒序效果)]

<dl>:[dl---dt----dd,,,表示多个名字的列表]

<cite>:表示作品的标题

<small>:表示标识小字印刷体的元素

<porgress>:代表任务的完成进度(进度条)

<meter>:规定范围内的数值量(进度条)

七:html5编辑API之range对象

一个range对象代表页面上的一段连续区域,通过range对象,可以获取或修改网页上的任何区域。

主要的对象属性有:selection,selectNode,selecNodeContents,deleteContents,setstart,setstarBefore.........

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

程序员编程交流QQ群:805358732

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-9eCDQ4aL62ac397bdda76.jpeg

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1932 文章
  3. Pack 1139 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章