zoukankan      html  css  js  c++  java
  • 前端笔记--HTML

    HTML版本

    HTML4/4.01(SGML) 写法随意,浏览器容错性特别高
    XHTML(XML) 要求非常严格
    HTML5

    HTML4 XHTML HTML5
    标签允许不结束 标签必须结束 标签允许不结束
    属性不用带引号 属性必须带引号 属性不用带引号
    标签属性可大写 标签属性必须小写 标签属性可大写
    Boolean属性可省略值 Boolean属性必须写值 Boolean属性可省略值

    HTML5新增内容

    用于绘画的canvas元素

    用于媒介回放的 video 和 audio 元素

    新语义化标签

    • header/footer 头尾
    • section/article 区域
    • aside 不太重要的内容
    • nav 导航
    • em/strong 强调

    表单增强

    • input类型:日期、时间、搜索
    • 表单验证
    • input属性:required、placeholder

    HTML元素的分类

    • 块级元素 block
      (1)显示为矩形
      (2)独占一行,自上而下排列
      (3)可以定义自己的宽度和高度
      (4)可以作为容器包含其他的块级元素或行内元素
      (5)如div、p、article、section、nav、table、h1...h6

    • 行内元素 inline
      (1)没有自己的形状,与其他行内元素在一行显示
      (2)不能定义自己的宽度高度,由内容决定
      (3)如a、span、i、em、strong、label

    • 行内块元素 inline-block
      (1)具有块级元素和行内元素的特点
      (2)可以定义自己的宽高度,也可以与其他行内元素在一行显示
      (3)如img、input

    常见问题

    doctype的作用是什么?

    (1)让浏览器以标准模式渲染
    * 在标准模式中,网页元素的宽度是由padding、border、width三者的宽度相加决定的;
    * 在怪异模式中,width本身就包括了padding和border的宽度。
    (2)让浏览器知道元素的合法性

    HTML XHTML HTML5 的关系?

    • HTML属于SGML
    • XHTML属于XML,是HTML进行XML严格化的结果
    • HTML5既不属于SGML又不属于XML,比XHTML宽松

    语义化的意义是什么?

    (1)开发者容易理解
    (2)机器容易理解结构(搜索引擎、读屏幕软件)
    (3)有助于SEO

    哪些元素可以自闭和?

    • 表单元素 input
    • 图片 img
    • br hr
    • meta link

    html和dom的区别?

    • html是死的
    • dom是由html解析而来,是活的
    • js可以维护dom

    form的作用有哪些?

    (1)直接提交表单(method target)
    (2)使用submit / reset 提交/重置表单
    (3)便于第三方库整体提取值,如jQuery的serialize()方法
    (4)便于浏览器保存表单

  • 相关阅读:
    XML解析
    用进度条显示从网络上下载文件进度
    android—获取网络数据
    android中sharedPreferences的用法
    实现listview中checkbox的多选与记录
    利用Bundle在activity之间传递对象
    Activity使用Serializable传递对象实例
    工作框架各种使用整理 -- 页面参数传递
    ubuntu中安装VMWare tools
    工作框架各种使用整理 -- 自己处理分页且输入条件中有过滤条件
  • 原文地址:https://www.cnblogs.com/zhahuhu/p/13378811.html
Copyright © 2011-2022 走看看