资讯专栏INFORMATION COLUMN

HTML5 新特性

mylxsw / 1720人阅读

一、HTML5与HTML4 1.1 推出的理由和目标

H5的出现,对于Web来说意义重大。因为他的意图是想要把目前Web上存在的各种问题一并解决掉。

Web浏览器之间的兼容性很低

文档结构不够明确(增加了很多结构, 语义化的标签)

Web应用程序的功能受到了限制

H5 的出现极大的解决了上面的问题

1.2 语法的改变 1.2.1 DOCTYPE声明

H5 DOCTYPE的声明是这样的:

    

Html:4s DOCTYPE的声明是这样的:


Html: 4t DOCTYPE 的声明是这样的

 
1.2.2 指定字符编码

H5指定字符编码格式如下:

    

Html:4s 指定字符编码如下:

1.2.3 可以省略结束标记的元素

给大家举一个简单的例子就明白啥玩意了
我们平常写 p 标签 是这样写的:

  
  

Hello world!

新的写法可以这样写:

    
    

Hello world!

如果大家不相信,可以亲自去测试一下,怎么测试呢?很简单,就是分别设置他们的样式即可,看看是否一样,若一样,证明二者是等价的!注意:设置 p标签的样式。

1.2.4 具有boolean值的属性(disabled,checked)

disabled 多用于input元素,button元素,option元素等 ,意思是 是否禁用这些 元素 ,用法如下:

其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”(不过“false”除外),因为属性值为“false”时表示属性不启用,属性值“true”表示启用属性。如下代码的button元素都处于禁用状态:

      
      
      
      

如下代码的button元素处于启用状态:

      
      

checked 用法和disabled一样,这里小编就不在过多赘述!

1.2.5 省略引号 (标签内的属性值可以省略引号)

H5之前属性值的写法是这样写的,以 img 标签的 src 属性为例:

    
    
    
薰衣草

2.2 讲解标签

强调独立性

强调分段,一般存在一个标题的

    

CAR

阅读需要支付1元查看
<