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. 解决Unable to find setter method for attribute: [commandName]

    最近学习springmvc的表单标签库,其中form标签主要用于渲染HTML表单,而form标签有很多属性,可供选择,其中一般来说(以前)最重要的是commandName属性,因为它定义了模型属性的名 ...

  2. spring框架整合springMVC时关于AOP无法切入的问题

    最开始springMVC的配置为: spring的配置为: 分析可知道spring的配置正确,由于在springmvc中已经扫描了@Controller相关的注解,所以就不需要再次扫描了,由于spri ...

  3. Spring依赖注入原理

    接触过spring 的同学应该都知道依赖注入,依赖注入又称控制反转,其内涵就是,将创建某个bean的控制权力,由原来需要引用这个bean的bean转移(反转)到外部的spring IOC容器,由IOC ...

  4. 在java项目中加入百度富文本编辑器

    富文本编辑器在项目中很常见,他可以将文本,图片等信息存入数据库,在编辑一些图文混排的信息的时候很有用,比如商城项目的商品详情页,包含很多带有样式的文字和图片. 此前一直使用的百度的富文本编辑器uedi ...

  5. effective java学习笔记之不可实例化的类

    在没有显式声明一个类的构造方法时,编译器会生成默认的无参构造方法,在设计工具类时,我们通常将方法设置成静态方法,以类名.方法名的形式调用,此时这个类就没有必要创建实例,我们知道抽象类不可以被实例化,但 ...

  6. git 设置和取消代理

    # 设置ss git config --global http.proxy 'socks5://127.0.0.1:1080' git config --global https.proxy 'soc ...

  7. 多表连接时USING和ON的区别,USING会去掉重复列,ON显示重复列。

  8. 搭建lnmp教程

    LNMP指的是一个基于CentOS/Debian 上安装Nginx.PHP.MySQL.php.可以在独立主机上轻松的安装LNMP生产环境. 1 安装nginx 如果是一台新的服务器可直接安装(若以前 ...

  9. bzoj 2002 HNOI 2010 弹飞绵羊

    Description 某天,Lostmonkey发明了一种超级弹力装置,为了在他的绵羊朋友面前显摆,他邀请小绵羊一起玩个游戏.游戏一开始,Lostmonkey在地上沿着一条直线摆上n个装置,每个装置 ...

  10. ecshop 属性表(attribute)商品属性表(goods_attr)货品表(prduct) 商品数量的联系

    ecshop 属性表(attribute)商品属性表(goods_attr)货品表(prduct) 商品数量的联系 一个商城的商品属性存放在属性表(attribute)里 ,每个商品对应的属性在goo ...