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.对于简写的属性,尽量写全。   也就这些   嘻嘻  感觉其他我的习惯还好

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

到底啥事w3c标准的更多相关文章

  1. W3C标准

    W3C标准:World Wide Web Consortium 万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构.到目前为止,W3C已经发布了200多项影响深远的W ...

  2. 浅谈w3c标准

    #浅谈w3c标准 ##w3c标准是什么 w3c标准包括多个方面,官方是从应用角度分的,相关的文档可以戳[这里](http://www.w3.org/standards/).如果从WEB技术角度,可以分 ...

  3. [HTML] Google IE-x.js 解决IEx与W3C标准的冲突

    如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果.这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug.我们不得不找到一个能平衡于它们之间的解 ...

  4. 解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容

    如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果. 这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug. 我们不得不找到一个能平衡于它们之间 ...

  5. IE6与W3C标准的盒模型差异

    盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子 ...

  6. CSS的W3C标准的盒子模型和低版本IE浏览器的盒子模型

    CSS中盒子模型的组成由内容区(content).内边距(padding).边框(border).外边距(margin)组成.内边距可细分为 padding-top.padding-right.pad ...

  7. 前端基本知识(一):W3C标准&&冒泡事件,捕获事件,W3C DOM对象模型,对比分析

    W3C标准是万维网联盟, 其他的可以参考万维网版本的更新内容 一.W3C标准 二.W3C DOM事件 三.冒泡事件 四.捕获事件 一.W3C标准 其实网页是由三分部组成:1.结构(structure) ...

  8. 每日分享!~ JavaScript中面试基础--1,数组检测的方式 2.传统事件绑定和W3C标准绑定事件的区别~

    javaScript 那些方式中检测数据类型 typeof typeof isNaN // 结果是function 检测数组的几种方式 instanceof arr instanceof Array( ...

  9. W3C标准和规范

    W3C标准万维网联盟标准. 万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合.网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behav ...

随机推荐

  1. 如何做更好的Android驱动project师

        随着智能手机的飞跃发展,特别是Android智能机的爆炸性发展,Android驱动project师是越来越受欢迎的一个职位,并且是一个非常值得人期待的职位,由于可能你參与研发的一款手机就能改变 ...

  2. ArtDialog V6的简单使用

    artDialog v6 -- 经典的网页对话框组件,内外皆用心雕琢. 兼容性 測试通过:IE6~IE11.Chrome.Firefox.Safari.Opera 授权协议 免费,且开源.基于LGPL ...

  3. cxf,两个声明导致 ObjectFactory 类中发生冲突

    说明先,这里不管是client还是server端都是用java语言编写,如有写得不好,望原谅! 问题 http://localhost:8080/WEB-SMVC/cxf/userService?ws ...

  4. Android 获取手机信息

    private void initData() { TelephonyManager mTm = (TelephonyManager) getActivity().getSystemService(C ...

  5. mock.js的真实数据模拟

    哈哈,怎么说,这应该是我的第一个随笔了,毕竟前端之路上一直在学习并且各位大神们的经验,虽然也有不少的坑,但是总是收获比较多,所以我也想把一些收获记录下来,有需要的可以参考参考. 网上看了不少大神很多例 ...

  6. java中websocket的应用

    在上一篇文章中,笔者简要介绍了websocket的应用场景及优点,戳这里 这篇文章主要来介绍一下在java项目中,特别是java web项目中websocket的应用. 场景:我做了一个商城系统,跟大 ...

  7. tomcat加入系统服务+开机自启

    1.首先将tomcat/bin 下的catalina.sh复制到目录/etc/init.d中,并修改名称为tomcat [root@iZ2318 ~]# sudo cp /usr/local/tomc ...

  8. MPSOC之2——ubuntu环境配置及petalinux安装

    MPSOC的linux开发需要使用petalinux,选择Ubuntu操作系统. 1.Ubuntu 1.1. Ubuntu安装 版本16.04.03 vmare版本:12.0 安装时注意选择" ...

  9. 深入理解计算机系统_3e 第六章家庭作业 CS:APP3e chapter 6 homework

    6.22 假设磁道沿半径均匀分布,即总磁道数和(1-x)r成正比,设磁道数为(1-x)rk: 由题单个磁道的位数和周长成正比,即和半径xr成正比,设单个磁道的位数为xrz: 其中r.k.z均为常数. ...

  10. 在Windows上运行Spark程序

    一.下载Saprk程序 https://d3kbcqa49mib13.cloudfront.net/spark-2.1.1-bin-hadoop2.7.tgz 解压到d:\spark-2.1.1-bi ...