• 【HTML】web语义化


    一、解决的问题 & 评价标准


    web语义化能解决如下问题:

    1. 页面样式丢失

    2. 有颜色或其他障碍的访客也能读懂页面

    3. 移动设备访问页面

    4. 程序(如爬虫)理解页面(换句话说SEO优化)

    二、评价标准


    web语义化主要是为了让页面结构更清晰,更关注内容之间的层次关系及意义。比如一个div内部标题用h1 ~ h6 ,内容是artical 或section来包裹。

    web语义化在我眼中是将一个web页面去除css  js ,人依然能够明白页面含义,再进一步是机器能够识别页面逻辑及含义。比如去掉页面样式依然能够明白h1~h6是标题,div 或 artical 或section 是内容。

    三、怎么实现


    web语义化如何实现呢,步骤如下:

    1. 根据内容选择合适html标签,如header、footer、aside、nav、article、section、ul、li(记得区分div、section、article哦)

    2. class id 命名与内容、意义相结合(方便CSS JS开发人员)

    四、目前存在的难点


    1. 语义化没有一个很完善的规范,研究也不清晰,有了H5才真正开始有实在的意义

    五、参考资料


    1. 语义化web的关键技术及其应用研究

    http://wenku.baidu.com/link?url=d0tFIifH0SMy6Wsl_A1LTEmIdLMlsLzFmWuWd1aACdhdgBsHn77Hu399_NP6PcNduDLFhBgiF4blcQftTbG4QKKuCd56CXlvJfj04aH1qD3

    计划、执行、每天高效的活着学着
  • 相关阅读:
    SIMULINK动态仿真集成环境
    自带计算器
    零知识证明
    2012年软件大赛校内选拔赛
    使用VC2005 Express版时找不到msvcr80d.dll文件
    DirectX 90 3D SetRenderState 设置渲染状态
    ofstream和ifstream详细用法
    IncrediBuild 进行联合编译
    环形缓冲区,魔戒lordrings,boost的circular_buffer
    vector中resize和reserve接口的异同
  • 原文地址:https://www.cnblogs.com/huxiaoyun90/p/4213667.html
Copyright © 2020-2023  润新知