zoukankan      html  css  js  c++  java
  • 到底啥是w3c标准

    W3C标准

                                                                                                                                                                                                   从两年前接触前端的时候,听说了 w3c 标准 ,是w3c(World Wide Web Consortium-世界万维网联盟)组织提出的web标准,印象中这个标准就是,行为(js)、样式(css)、结构(html),相分离。。。仅此而已

     

    一直也就是这么以为的,最近快毕业了,感觉太缺钱了,我要找个好的工作,决定要好好整理整理学习的知识,于是查了查w3c标准,https://www.w3cschool.cn/xuexiw3c/xuexiw3c-standards.html  感觉像是在介绍 XHTML

      

        标准的用的上的内容如下

    一、DOCTYPE

      DOCTYPE是document type的缩写,其中要有 文档类型定义DTD ,这是HTML 1.0中提出的,所以没啥用了, 现在版本的声明  只要写一个 <!DOCTYPE html>标签就够了

    二、不要在html的注释中出现  ‘---’    

       用 '===' 代替  '---‘    <!--  ====这是注释===== --->

    三、所有标签的元素和属性名都必须小写 

      元素就是指 <div></div> 中的 div小写

      属性名就是 <img title="标题" alt="这时图片" src="#">   里面的  title、alt、src

    四、所有的属性值必须用""引号引起来    就如下面蓝色字体的及时属性值

    <input type="checked" checked="checked" name="fuxuan"/>

    五、所有的 < 、>、% 都要用编码标识

      <  ---->  &lt;

      >  ---->  &gt;

      &  ---->  &amp;  

    六、所有属性都要有赋值

    <input type="checkbox" checked="checked"/>

      在现在版本的的浏览器里面   只写一个checked  也是可以的, 不过表准就是要你都写

    七、所有标签都要有结束标记

      双标签不用说  他本来就是一对的正常就有结束标记

    <div></div>

      单标签    结束标记就还是  在结尾尖括号前  加一个斜杠

    <img src="#"/>

    八、所有的标签都必须合理潜嵌套

      感觉没必要特地声明,如果谁写一个页面不好好嵌套,不出错才怪

    九、img 标签都要添加有意义的 alt 属性

    <img src="#" alt="这时张什么图片"/>

    十、form表单元素添加 lable,增加用户好感度

    <from>
        <lable for="user">登录</lable>
        <input type="text" id="user"/>
    </from>

    大概就这些有用的 ,   读完了 我感觉我要养成的习惯有 1. 但标签结尾要加  / 标识结束   2.对于简写的属性,尽量写全。   也就这些   嘻嘻  感觉其他我的习惯还好  

      亲爱的读者,有什么收获,或者有什么不爽,随便吐我两句!

  • 相关阅读:
    Nginx 笔记(四)nginx 原理与优化参数配置 与 nginx 搭建高可用集群
    Nginx 笔记(三)nginx 配置实例
    Nginx 笔记(二)nginx常用的命令和配置文件
    Nginx 笔记(一)nginx简介与安装
    分布式事务专题笔记(三)分布式事务解决方案之TCC(三阶段提交)
    分布式事务专题笔记(二)分布式事务解决方案之 2PC(两阶段提交)
    分布式事务专题笔记(一) 基础概念 与 CAP 理论
    面试题: hashset如何保证值不会被重复的
    DSP 程序的执行时间
    DSP 中关键字extern,cregister,Near ,Far,restrict,volatile
  • 原文地址:https://www.cnblogs.com/96weibin/p/8284491.html
Copyright © 2011-2022 走看看