html5与早期html相比,html5比html
一. HTML5语法的改变
本知识点提到的变化是指在HTML4基础上定义的变化,主要有以下几点:
1.文件扩展名(。html或者。htm)为1。HTML5与内容类型(文本/html)保持一致。
2.二分钟后。HTML5,一个文档将适用于HTML的所有版本,无需使用版本声明。
3.从HTML5开始,UTF-8被推荐用于文件的字符编码。
4.HTML5确保了与以前HTML版本的最大兼容性。
为了保证兼容性,我们需要从元素开始。在HTML5中,元素的标签可以省略。一般来说,元素的标记分为三种:不写结束标记,不省略结束标记,开始标记和结束标记都不省略。
不允许写入结束标记的元素有:area、base、br和col。
结束标记:li,dt,dd,p,rt可以省略。
开始和结束标签都可以省略:html、head、body.二.新增的结构元素
section元素表示页面中的内容块,如章节、页眉、页脚或页面的其他部分;
Article元素表示页面中与上下文无关的独立内容,比如博客中的一篇文章或者报纸上的一篇文章;
aside元素表示除了article元素的内容之外,与article元素的内容相关的辅助信息;
header元素表示页面中内容块或整个页面的标题;
h组元素用于组合整个页面的标题或页面中的一个内容块;
footer元素表示整个页面的页脚或页面中的内容块。一般来说,会包含创作者的姓名、创作日期、创作者的联系方式;
nav元素表示页面中的导航链接;
图元素表示一个独立的流内容,一般表示文档主流内容中的一个独立单元。使用图figcaption元素将标题2、新增的其他元素 audio元素添加到图元素组中,以定义音频,如音乐或其他音频流。
embed元素用于插入各种多媒体,格式可以是Midi、Wav、AU、MP3等。
标记元素用于直观地向用户呈现那些需要突出显示或突出显示的单词。典型的应用是在搜索结果中向用户突出显示搜索关键词;
progress元素表示正在运行的进程。
Ruby元素表示拼音注释(汉语拼音符号或字符)。
RT元素表示字符(汉语拼音符号或字符)的解释或发音
RP元素在ruby注释中用于定义不支持ruby元素的浏览器显示的内容。
wbr元素表示软换行符,宽度不够时,这里主动进行换行符。
画布元素代表图形,如图表和其他图像。
Camand元素表示命令按钮,如单选按钮、复选框或按钮。
?details元素表示用户所需的和可用的详细信息。
datagrid元素表示可选数据的列表,以树形列表的形式显示。
key元素表示生成密钥。
output元素表示不同类型的输出,例如脚本的输出。
?source元素为视频和音频等媒体元素定义媒体资源。
menu元素表示菜单列表3、新增的input元素 ,email类型表示必须输入E-main地址的文本输入框。
URL类型表示必须输入URL地址的文本输入框。
type number表示必须输入数值的文本输入框。
类型范围表示文本输入框,其中必须输入特定范围内的数值。
HTML5有几个新的用于选择日期和时间的输入文本框:
日期——选择年、月、日。
月份——选择月份和年份
星期——选择星期和年份
时间——选择时间(小时和分钟)
日期时间——-选择时间、日期、月份和年份(UTC时间)
Datetime.local——选择时间、日期、月份和年份(当地时间)III。废除该元素
1.可以用CSS替换的元素可以用来烘干basefont、big、center、font、S、strike、tt、u等元素,因为它们的功能纯粹是为屏幕显示服务的,HTML5提倡把屏幕显示功能放到CSS样式表中进行统一编辑。因此,这些元素取消了2、不再使用frame框架 的frameset元素、frame元素和noframes元素。由于框架frame对网页可用性的负面影响,HTML5中只支持iframe框架,或者是服务器创建的多个页面组成的复合页面的形式。同时,这三个要素也被取消了。3、只有部分浏览器支持的元素 对于applet、bgsound、blink、marquee等元素,因为只有部分浏览器支持这些元素,尤其是bgsound和marquee元素,只有Internet Explorer支持,所以在HTML 5中取消了。applet元素可以用ernedd元素或者object元素代替,bgsound元素可以用audio元素代替,marquee可以用JavaScript编程代替。
废除rb元素,代之以ruby元素。
废除acronym元素,代之以abbr元素。
取消dir元素,代之以ul元素。
废除isindex元素,用form元素和input元素组合代替。
取消列表元素,用pre元素替换它。
废除xmp元素,代之以code元素。
取消nextid元素,用GUIDS替换它。
废除明文元素,代之以“文本/受范”MIME类型IV。添加和取消属性。
1.添加新属性
1.在与表单相关的属性中添加一个autofocus属性,通过指定属性使元素在打开屏幕时自动获得焦点;
添加占位符属性,该属性将提示用户输入以及用户可以输入的内容;
添加一个新的表单属性来声明它属于哪个表单,然后把它放在页面上的任何地方,而不是放在表单内部;
添加必选属性,意思是用户提交时检查,检查这个元素中必须有输入内容;4、其他被废除的元素:添加media属性,指定目标URL为什么被媒体/设备的类型优化,只有href属性存在时才能使用;
添加hreflang属性和rel属性,保持与A元素和link元素的一致性;2、与链接相关属性
属性reverend,它指定列表以逆序显示;
在script元素中添加async属性,定义脚本是否异步执行;3、其他属性所有可以被CSS样式表替换的属性都被废除;
冗余属性,如目标、概要文件、版本等。都被废除;二、废除属性 在HTML5中,加入了“全局属性”的新概念。所谓全局属性,是指可以用于任何元素的属性。五.全局属性 该属性允许用户编辑元素中的内容,并能获得鼠标焦点。该属性是一个布尔值,可以指定为true或false。此外,该属性有一个隐藏的继承状态。为真时,允许编辑;当它为false时,不允许编辑;如果未指定,则由inherit确定。1、contentEditable 属性 该属性用于确定整个页面是否可编辑。有两个属性“开”和“关”。当属性为“开”时,可以编辑;当它处于“关闭”状态时,无法编辑。2、designMode 属性
所有元素都允许使用隐藏属性,这类似于输入元素中的隐藏元素。它的作用是通知浏览器不要渲染元素,使其不可见。属性值是一个布尔值。当它是真的时候,它是看不见的;当它为假时,它是可见的。3、hidden属性 这个属性是HTML 5为两个文本输入框提供的新属性:input element (type=text)和textarea。它主要检查用户输入内容的拼写和语法。属性值是布尔值,写的时候必须明确说明属性值是真还是假。书写方法如下:
!—以下两种写法正确—textarea spell check= true input type=text spell check=false!—以下两种写法是错误的—textarea spellcheck4、spellcheck属性 在HTML4中,表单中的从属元素必须写在表单内部,而在HTML5中,可以写在页面的任何地方,然后为元素设置一个form属性,属性值是表单单元的id,这样就可以声明该元素从属于指定的表单。复制代码如下:
!声明文档类型
html lang=en-US
头
meta charset=UTF-8
产权/产权
/头
身体
表单操作= id=testform
输入类型=text 名称= /
/表单
textarea form= test form name= cols= 30 rows= 10 /textarea
/body
/html
input元素从属于form,写在form内部,不需要在上面设置form属性。Textarea元素写在表单之外,但是从属于表单,所以表单的id设置为textarea元素的form属性。
这样做的好处是,当你需要给页面中的元素添加样式时,你可以更方便地添加,因为它们不会分散在各种形式中。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。