HMTL经典的面试个人复习总结

 1.DOCTYPE  真正的意义是什么？

        //答： 1.1让浏览器  以标准来渲染。（IE6 盒子模型）

        内容的宽度指的是

         而是内容、内边距和边框的宽度的总和。

         （Chrome盒子模型  我这里理解就是正常的盒子  标注Chrome   全部都是正常的情况下）

           内容的宽度指的是

            就是内容宽度的。

        // 答：1.2让浏览器知道元素的合法性

         2.HTML  XHMTL  HTML5  有什么关系？

         HTML 属于SGML

         XHTML属于XML,是对HTML进行XML严格化的结果、

        HTML5 不属于SGML XML ，比XHTML宽松。是独立的个体。

 

        // 3.  HTML5有什么变化？

         答：3.1

              新的语义化元素

            3.2

            表单增强（新的元素 新的特性）

            3.3

            新的API（离线，本地存储，音频，图形，实时通讯，设备能力：陀螺仪）

         4. 分类和嵌套的变化是什么？

          答：4.1 HTML4.01 之前 元素嵌套不符合的就是不合法的

       HTML5 是根据元素的嵌套的关系 取决于外部的元素是什么 来绝对是否可以嵌套

 

          5.em 和i  标签的区别是什么？

        em 是具有语义化标签，表示强调

        i  就是纯样式标签的作用，表示斜体（使用作为图标字体 现在 推荐图标字体的使用网址https://www.iconfont.cn/）

        // HTML5中不推荐使用i  目前i  主要用在做图标字体中。

 

        // 6.语义化意义是什么呢？ 好处是什么呢？请时雨风说下？

        答： 因为HTML 是可以理解成像word 文档一样

          存在文档 可以一眼看清大纲主体结构从而

         6.1这样开发者  容易理解

         6.2对机器来说也是非常友好的（SEO百度，谷歌搜索引擎，爬虫 抓取数据python）  读屏软件

          semantic  语义的  microdata  了解  microdata微观数据

 

        /* <div itemscope itemtype="http://schema.org/Person">

            My name is <span itemprop="name">Bob Smith</span>

            Here is my homepage:

            <a href="http://www.example.com" itemprop="url">www.example.com</a>.

        </div>

 */

          7 那些元素是可以自闭合：

             input 表单元素

              img  图片元素

             br hr 换行  水平线

              meta link   头部集合标记  导入标签

 

        // 8 HTML 和DOM 的关系

            答： 我们自己写的HTML 结构其实字符串 是死的东西

              而是通过浏览器解析之后,才变成DOM 

              DOM是由HTML解析过来的,DOM存在在内存中,是DOM树.DOM存放在内存中。 是DOM树  是活的

              JS 维护的是DOM 

 

            9  property  attribute 存在什么关系

            // 9.1 property  特性的意思 是活的  只是对一个JS对象的属性的修改

            // 9.2 attribute 属性的意思 是死的  是对HTML标签属性的修改

            /* <input  type="text" value="2"/>

              这是属性  attribute

              getAttribute("value")

              setAttribute("value","3")

 

              $0.value=4;

              $0.value 获得是4  这是特性 

              它们是特性(property)和属性(attribute)互不影响的

 

去控制台测试

$0.value

"1"

$0.value="2"

"2"

$0.value

"2"

$0.getAttribute("value")

"1"

$0.setAttribute("value","4")

undefined

$0.getAttribute("value")

"4"

              */

             第10题 form有哪里用处 好处？

               答：可以直接提交表单  

                 可以使用submit 和reset 按钮   

                 便于浏览器保存表单

                 还可以支持第三方库整体提取值

                 第三库可以进行表单验证