• HTML和XHTML知识总结


    一、HTML

    1.1 HTML源于SGML(标准通用标记语言),遵循SGML指定的语法和规则,但是从HTML5开始将不再基于SGML

    1.2 HTML将网页抽象成三部分:HTML,CSS,JS。其中HTML负责内容和结构,CSS负责样式呈现,JS负责动态交互(这里的动态交互不是页面中的一些动态效果,而是有与数据库等相关联的数据动态)

    1.3 将网页抽象成三部分的优点:① 增强了可读性;②便于维护和调用;③减少了不必要的请求

    1.4 W3C:是一个指定各种标准的非营利机构,标准包括:HTML,CSS,XHTML,XML,但不包括网络相关的协议

    1.5 web标准指定后的优点:① 学习成本降低,只需要按照w3c标准学习就行,否则要学习各个浏览器的标准;② 统一开发流程,便于多人协作;③ 简化网站代码的维护,不会有不同浏览器的多个版本,网页寿命也更长;④ 跨平台,可方便迁移到不同设备中;⑤ 实用又专业

    1.6 OSI参考模型是由OSI(国际标准化组织)指定,将协议分成了七层:应用层,表示层,会话层,传输层,网络层,数据链接层和物理层

    1.7 HTML的基本结构包括 DOCTYPE,HTML。head,body;任何HTML文档都需要这四个元素

    1.8 DOCTYPE用户声明文档类型和规范DTD,确保不同浏览器用相同方式解析文档,执行相同的渲染模式

    1.9 浏览器的渲染模式:

        ①标准模式:按照W3c标准解析执行代码

        ②接近标准模式:是由某些DOCTYPE触发的,基本上是标准模式,除了一些例外

        ③怪异模式:使用浏览器自己的方式解析执行代码,一些错误或者无用的doctype会触发怪异模式

        怪异模式下的一些怪癖:

          ① 宽度和高度与W3C盒模型不同

          ② 表格中的字体样式不会被继承

          ③ 设置margin auto不会实现居中水平

          ④ 当内容超出容器高度时,会把容器拉伸

          ⑤ 颜色必须要用16进制

    二、XHTML

    XHTML是HTML的子集,完全兼容HTML,但是格式严谨

    HTML和XHTML的区别:

    • XHTML 元素必须被正确地嵌套。
    • XHTML 元素必须被关闭。
    • 标签名必须用小写字母。
    • XHTML 文档必须拥有根元素。

    HTML和XHTML的共同点:

    • 注释标签里面的内容都会被忽略
    • 元素的属性都需要引号包裹
    • 有些特殊字符必须被替换为实体引用

    三、转义符

    ASCLL总共有128个字符,有33个字符无法转义:0-31和127

    四、设置屏幕全屏显示(无滚动条)

          //如果无效的话则与界面的布局有关,可在最大的盒子厘米设置如下属性
         html,body { height:
    100%; 100%; overflow:hidden; margin:0; padding:0; }

    五、三栏式布局

    目前我只了解了三种布局,具体可参考链接写的很详细

    六、H5新增元素

    七、语义化理解

    语义化的目的是为了让元素的语义和呈现分离,元素只负责文章的结构和含义,CSS控制内容的呈现(如strong标签是,b标签就不是)

    八、旧版本和新版本H5的区别之处

    1.旧版本的HTML比较依赖浏览器的插件,如播放视频需要安装flash插件

    2.H5不再基于SGML,所以文档声明类型(DOCTYPE)只有一种

    3.H5消除了过时了或冗余的元素参考博客

    4.H5增加了一些语义化元素,和一些新的功能

    5.H5规定了新的全局属性和元素属性W3C官网

    九、webAPP、nativeAPP、hybridAPP

    webapp:利用web浏览器和web技术通过网络执行任务的应用

    nativeAPP:以特定语言编写的智能手机应用程序

    hybridAPP:将webapp包装在本机容器中

    十、微格式

    微格式:通过添加属性(class和rel)和元数据(link元素)的方式来实现web的语义化

    目前新版的微格式定义了五种类前缀:

    h*:根元素

    p*:表示一个纯文本元素

    u*:表示一个链接元素

    dt*:将元素作为日期和时间

    e*:解析元素的内容

  • 相关阅读:
    【模板】并查集
    排队布局
    list
    js获取宽度
    js获取按键
    sublime 自定义快捷代码
    file
    git add Untracked files
    git branch
    git
  • 原文地址:https://www.cnblogs.com/purple-windbells/p/11268990.html
Copyright © 2020-2023  润新知