html和HTML5面试题

块级元素：

        1. 独占一行（一行只能显示一个）

        2. 宽度默认是父元素的宽度，高度默认由内容撑开

        3. 可以设置宽高

代表的元素：

                 div、p、h系列、ul、li、dl、dt、dd、form、header、nav、footer……

行内元素：

        1. 一行可以显示多个

        2. 宽度和高度默认由内容撑开

        3. 不可以设置宽高

代表标签：

        a、span 、b、u、i、s、strong、ins、em、del……

行内块元素：

        1. 一行可以显示多个

        2. 可以设置宽高

代表标签：

        input、textarea、button、select……

特殊情况：

        img标签有行内块元素特点，但是Chrome调试工具中显示结果是inline

        常用的内联块状元素有：img、input

img标签中的alt属性的作用是？

        答：当图片不显示的时候，图片的替换文字。

HTML5 的 form 如何关闭自动完成功能？

        答：把不想要自动完成的 form 或 input 设置为 autocomplete=off

HTML5和HTML的区别？

        答：1.文档类型声明不同

                HTML的文档类型声明很长，一般都是自动生成的，不好记忆；

                HTML5的文档类型声明很短，好记：下面就是他们的样式认识就行、

<!-- HTML的 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- HTML5的 -->
<!DOCTYPE html>

  2.结构语义不同

          HTML没有结构语义化的标签，不能把文档的结构表示的很清楚。     

          HTML5新增了结构语义化的标签，使文档结构更清晰，更语义化。 

<!-- HTML -->
<div id="header"></div>

<!-- HTML5 -->
<header>    文档的头部区域
<section>   定义文档中的节（section、区段）
<nav>       定义导航链接的部分
<article>   定义独立的内容
<footer>    元素描述了文档的底部区域
<aside>     定义页面主区域内容之外的内容（比如侧边栏）
<figcaption>标签定义 <figure> 元素的标题
<figure>    规定独立的流内容（图像、图表、照片、代码等等）

        3.HTML5的优势

                实时更新

                离线缓存：就是将网页缓存下来，在没有网络情况下也可以访问。

                跨平台：可同时在PC端、移动端，pad端浏览。

                视频和音频支持：video，表示一段视频并提供播放的用户界面。