HTML的不同版本区别,HTML5与之前版本区别1

一、可以省略标记的元素

不允许写结束标记的：br、hr、img、input、link、meta、base、param、area、col、command、embed、keygen、source、track、wbr

可以省略结束标记的：li、dt、dd、p、option、thead、tbody、tr、td、th、rt、rp、optgroup、colgrooup、tfoot

可以省略全部标记的：html、head、body、colgroup、tbody

二、新增加元素

1.布局用的语义标签

section：表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用标记文档结构。

article：表示页面中的一块与上下文不相关的独立内容，例如博客中的一篇文章。

aside：表示article元素内容之外的，与article元素相关的辅助信息。

header：表示页面中一个内容区块或整个页面的标题。

hgroup：用于整个页面或页面中一个内容区块的标题进行组合。

footer：用于整个页面或页面中一个内容区块的脚注。一般来说，它会包含创作者的姓名，创建日期及创作者联系信息。

nav：表示页面中导航链接的部分。

figure：表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元，使用figcaption元素为figure元素组添加标题。

这些标签与div相似，单独写出来没有任何效果(下图为不用div标签布局)

553fef35643a

2.form表单新增加的属性

form：在html4中，表单内的从属元素必须书写在表单内部，但在html5中，可以书写在表单上任何位置，只需要给该元素制定一个form属性，属性值为表单的id就可以了，这样做的好处是给页面中的元素添加样式时更方便。

formaction：在html4中，表单内的所有元素都只能通过表单的action属性统一提交到另一个页面，但在html5中可以给所有的提交按钮都增加不同的formaction属性，使得点击不同的按钮，将表单提交到不同的页面。

formmethod：可以使用formmethod属性来对每个表单元素分别指定不同的提交方法。

placeholder：当文本框“text”或“textarea”处于未输入状态时文本框中显示的输入提示。

553fef35643a

autofocus：当页面刚打开，文本框、选择框或按钮可以自动获得焦点。不过一个页面只能有一个控件使用该属性。

553fef35643a

list：该属性需要和datalist元素(html5新增)一起使用，list属性的值就是datalist的id，使用datalist元素设置一个选择列表，当用户输入的值在列表中就出现选择提示，当用户想要设定的值不在选择列表之内时，允许其自行输入。

553fef35643a

autocomplete：可以指定“on”、“off”和“”三种值，不指定时，使用浏览器默认值。

待续。。。

HTML的不同版本区别,HTML5与之前版本区别1相关推荐

html5跟html4有什么区别,Html5和Html4的区别
html5解决了:web浏览器之间的兼容性很低.文档结构不明确等功能.一.Html5和Html4的区别 (1)语法的改变: 内容类型:文件名还是 .html或 .htm:文件类型还是 texttype ...
html最新的版本是多少,HTML5之前的版本是什么？
HTML5之前的版本是什么? 发布时间:2020-04-30 09:47:46 来源:亿速云阅读:295 作者:小新今天小编给大家分享的是HTML5之前的版本是什么,相信很多人都不太了解,为了让大 ...
好程序员web前端分享DIV+CSS3和html5+CSS3有什么区别
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享DIV+CSS3和html5+CSS3有什么区别,不管是DIV+CSS3还是html5+CSS3,他们都是我们对 ...
【以太坊】web3.js的1.0版本和0.2.0版本的安装及区别
一.前言博主在安装web3.js的时候,偶然间安装了不同版本的web3.js,API操作也不相同,虽然都能达到目标,但是到底区别在哪呢?网上查找半天并没有人专门总结一下这块,所以今天斗胆总结一下,也 ...
HTML5与HTML4的区别
HTML5与HTML4的区别 1.推出理由及目标 2.语法的改变 3.新增的元素和废除的元素 4.新增的属性和废除的属性 5.全局属性 1.推出理由及目标: HTML5 的出现,对于WEB来说意义是非 ...
服务器虚拟机版本,VMWARE-版本比较各版本区别
<VMWARE-版本比较各版本区别>由会员分享,可在线阅读,更多相关<VMWARE-版本比较各版本区别(1页珍藏版)>请在人人文库网上搜索. 1.VMWARE 版本比较:V4各 ...
360n4s普通版Android7,360手机N4S有几个版本 360手机N4S各版本区别对比
今天下午,360手机N系列第二款新品正式发布了----360手机N4S,该机最大的亮点在于配备了5000mAh超大容量电池,主打畅快长续航.对于这样一款千元机来说,性价比非常强悍.不过,360手机N4 ...
集中式版本管理系统和分布式管理系统的区别-集中式vs分布式
集中式:版本库是集中存放在中央服务器的,本地是没有版本库的修改记录的.干活的时候,所以要先从中央服务器取得最新的版本,然后开始干活,干完活了,再把自己的活推送给中央服务器.所以集中式版本控制系统最大的 ...
vivoX7的Android版本哪个好,vivo x7有几个版本？vivo x7各版本区别对比评测
vivo x7有几个版本?各版本有什么区别?下面脚本之家的小编就带来了vivo X7版本对比介绍,一起来看看吧. 先来看看vivo x7的规格参数,从全局上对这款机型有一个大致的了解,参数党必看: v ...

HTML的不同版本区别,HTML5与之前版本区别1

HTML的不同版本区别,HTML5与之前版本区别1相关推荐

最新文章

热门文章