【HTML5】HTML5标签和基本语法一览

目录

介绍:

语法的改变:

新增的元素和废除的元素

全局属性


鉴于学习的内容可能比较杂乱,我会在写完一篇之后最后进行标题和标签的命名,利于检索和复习,也会加上必要的目录

介绍:

首先,HTML5的出现主要是解决以下问题:

  1. web浏览器对与HTML的兼容性问题
  2. 文档结构不够明确
  3. web应用程序功能受到限制

针对上述问题,HTML5的设计理念当然是更好的统一规范并且兼容html4,现在浏览器厂商对于html5的支持非常完善也说明了html5在兼容性这一方面的优点,设计更加语义化的标签,增加具有更强功能的API了。

语法的改变:

内容类型

文件的扩展名是没有变化的,可以是index.html或index.html

DOCTYPE声明

这个就变得更加简化了,下面是html4和html5的声明

html4:

html5:

指定字符编码

html4:

html5:

可以省略标记的元素

不允许写结束标记的元素有:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。
可以省略结束标记的元素有:li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。
可以省略全部标记的元素有:html、head、body、colgroup、tbody。

具有boolean值的属性

如disabled、checked,默认为true。

省略引号

属性值不包括= ,<> 单引号 双引号等字符时,就可以省略单引号或双引号。

新增的元素和废除的元素

【HTML5】HTML5标签和基本语法一览_第1张图片

这里只是罗列一下,后面会有详细介绍

有基础的同学,很容易发现,语义标签很容易知道这个元素是干啥的。

全局属性

意思就是所有标签都可以用的属性

  • contentEditable属性     元素是否允许编辑
  • designMode属性    我的理解是整个页面是否可以编辑,只能在js里设置,有on和off 两个值,可以参考这个https://blog.csdn.net/iteye_2245/article/details/82309225
  • hidden属性   隐藏元素,浏览器不渲染,可以通过hidden=“false”来使它再次出现

 

 

 

好,第一次的文章写道这里,我发现大部分内容是来自《html5与css3权威指南》一书的

 

 

你可能感兴趣的:(前端,html5)