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)便于浏览器保存表单

  • 相关阅读:
    【PyQt5-Qt Designer】对话框系列
    【PyQt5-Qt Designer】界面布局
    【PyQt5-Qt Designer】PyQt5+eric6 安装和配置
    【PyQt5-Qt Designer】QMessageBox 弹出框总结
    【PyQt5-Qt Designer】鼠标+键盘事件
    【PyQt5-Qt Designer】猜数字(小项目)
    【PyQt5-Qt Designer】浅谈关闭窗口
    【PyQt5-Qt Designer】窗口操作
    【python基础】利用pandas处理Excel数据
    【python基础】os.path模块常用方法详解
  • 原文地址:https://www.cnblogs.com/zhahuhu/p/13378811.html
Copyright © 2011-2022 走看看