美文网首页HTML5
HTML5(一):HTML5与HTML4的区别

HTML5(一):HTML5与HTML4的区别

作者: wsgdiv | 来源:发表于2020-11-28 15:33 被阅读0次

备注:比较简单的点没有细写。



1、标记方法


声明变简洁(大小写不敏感)——<!DOCTYPE HTML>

使用工具时,为<!doctype html SYSTEM "about:legacy-compat">

指定字符编码简洁——<meta charset="UTF-8">

2、新增元素


section——内容区块

article——独立内容

aside——与article相关的辅助信息

header——标题

footer——脚注

nav——导航

figure——独立的流内容

figcaption——作为figure的标题

main——表示网页主要内容


video——视频

audio——音频

embed——插入各种多媒体

mark——高亮

progress——表运行中进程

meter——度量衡

time——日期和时间

ruby/rt/rp

wbr——软换行

canvas——画布

command——命令按钮

details——与summary配合使用,点击显示细节信息

datalist——与input配合使用,制作下拉列表

datagrid——以树状列表显示的可选数据列表

keygen——密钥

output——输出

source——为媒介元素定义媒介资源

menu——菜单列表

dialog——对话框


新增的input元素类型


email

url

number

range——范围

Date Pickers:date( 日月年 )、month(月年)、week(周年)、time(小时和分钟)、datetime(时间、日月年)、datetime-loccal(时间、本地时间日月年)


3、新增属性


autofocus——自动获得焦点

placeholder——提示输入内容

form——声明属于哪个表单

required——提交需检查,要有内容

autocomplete、min、max、multiple(一次可上传多个文件)、pattern、step——为input新增属性

formaction、formenctype、formmethod、formnovalidate(取消检查)、formtarget——为input新增属性

disabled——为fieldset新增

label

SelectionDirection

indeterminate——未明确选定

为image新增height和width

为textarea新增maxlength(文字个数)和wrap(是否添加换行符)


链接属性


media、download、ping——为a/area新增

hreflang、rel——为area新增

sizes——为link新增

target——为base新增


其他属性


start、reversed——为ol新增

charset——为meta新增

type、label——为menu新增

scoped——为style新增

async——script

manifest——为html新增,开发离线web应用时,与API结合,定义一个URL,在这个URL上描述文档的缓存信息

sandbox、seamless、srcdoc——为iframe新增


全局属性


contentEditable——允许用户编辑元素中的内容

designMode——指定整个页面是否可编辑

hidden

spellcheck——拼写和语法检查

tabindex


4、新增事件


window对象/body对象:

beforeprint

afterprint

resize

error

offline

online

pageshow

beforeunload

hashchange

任何元素:

mousewheel

任何容器元素:

scroll

input/textarea元素:

input

form元素:

reset

相关文章

  • web

    web标准 结构(html)、表现(css)、行为(js) html5与html4的区别 HTML4: Web浏...

  • Html5与Html4的区别

    本文主要介绍Html5和Html4的区别。 语法的改变 内容类型HTML5 的文件扩展符与内容类型保持不变。扩展符...

  • 前端知识点

    一、html5与html4的区别,新增的元素有哪些 https://blog.csdn.net/HHTNAN/ar...

  • HTML5与CSS3权威指南

    一、Web时代的变迁 二、HTML5与HTML4的区别 1.新增的元素:section、article、aside...

  • html5对比

    下面来对比一下html4和html5在写法上的不同传统html4的写法为 html5的写法为 html5代码规范:...

  • Html5和Html4的区别

    html5解决了:web浏览器之间的兼容性很低、文档结构不明确等功能。 一、Html5和Html4的区别 (1)语...

  • 2018-05-31

    初入HTML5 简单介绍:HTML5是HTML4的升级版,而HTML4,是用一堆标签组成的,每个标签都有默认的样...

  • html5

    一.html4和html5对比 二.html5的标签 header------页面的头部 main------页面...

  • HTML5 迁移

    从HTML4迁移至HTML5 本章讲解如何从一张典型的HTML4页面迁移至典型的HTML5。本章演示如何把一张已有...

  • 前端面试

    一、html5: html5是html4的升级版本,设计的目的是为了在移动设备上支持多媒体。 html5引入了新的...

网友评论

    本文标题:HTML5(一):HTML5与HTML4的区别

    本文链接:https://www.haomeiwen.com/subject/zwhyahtx.html