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

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

原文地址:https://www.cnblogs.com/96weibin/p/8284491.html

时间: 2024-10-28 15:08:11

到底啥是w3c标准的相关文章

web前端面试--对web标准以及W3C标准的理解

答.web标准不是某一个标准,而是一系列标准的集合.网页主要由结构.表现.行为三部分组成,对应的标准有结构化标准语言有XHTML.xml,表现的标准语言有CSS,行为的标准有对象模型(如 w3c dom).ECMAScripe等 w3c的原则: 网站要通过W3C标准,需要注意以下几个问题: 1.XHTML 1.0文件类别宣告的正确写法 (不可小写) A:过度标准(Transitional) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

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

CSS中盒子模型的组成由内容区(content).内边距(padding).边框(border).外边距(margin)组成.内边距可细分为 padding-top.padding-right.padding-bottom.padding-left:边框可细分为 border-top.border-right.border-bottom.border-left:外边距可细分为 margin-top.margin-right.margin-bottom.margin-left. 对于盒子模型,W3

IE6与W3C标准的盒模型差异

盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自 IE6,一种来自 W3C 标准浏览器. 盒子模型 下图就是一个典型的盒子模型示意图 在内容区外面,依次围绕着 padding 区,border 区,margin 区,这一模型结构在所有主流浏览器都是一致的.通过盒子模型,我们可以为我们的内容设置边界,留白以及边距,盒子

符合w3c标准的html标准需要注意的地方

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

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

如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果.这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug.我们不得不找到一个能平衡于它们之间的解决方法.如png透明问题在IE5.IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现.譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5.IE6下png透明问题.当然还有更多的方法.而现在有种更加完美的方法能兼容IE5.

如何让你的网页符合W3C标准

以下是粘贴来的,觉得写得不错~~借用一下~~ 引子:什么是W3C标准 作为网站技术开发人员而言,往往是站在自己的开发角度来实施网站布署(读取数据及开发的方便性等等),而不是站在网站访问者与搜索引擎角度.因此大部分的网站在浏览方面不够直观或是方便,特别是现在w3c的规范,更是在大部分的网站开发人员脑里一片空白.何况百度 .google.msn.yahoo等专业搜索引擎更有自己的搜索规则及判断网页等级技术,所以网站要优化,优化的目的只有一个:符合标准,符合蜘 蛛爬行的标准,更重要的是符合网站访问者浏

什么是W3C标准?

我们平时说的W3C,其实是World Wide Web Consortium的缩写,中文是W3C组织或者万维网联盟,W3C这个组织做什么的呢?很简单,就是出网页标准的.那么有W3C组织出的标准就被称为 W3C标准,那么符合W3C标准的页面就是标准页面了,好,问题来了~ 什么是W3C标准? [注意]下面对W3C标准的解释,需要理解一下,因为在很多Web前端开发工程师面试的时候会遇到这方面的问题,很多企业在面试一些Web前端技术 人员的时候,认为如果连什么是W3C都不知道,那做出来的页面肯定就不能够

w3c标准及规范

一.目的: 为什么要遵循标准我们作为生产者实际上只是位于中游,既不是上游的浏览器制造商,他们是标准的真正制定者,也不算是下游,他们是浏览器的终端使用者.这个角色就意味着我们位于一个接口的位置,我们需要想办法满足下游的用户使用上游不同浏览器时看到的是同样的内容.用一个程序的语言说,我们是转换器--adapter,我们想方设法让我们的页面.我们的程序能够支持所有的浏览器.能够满足尽可能多的用户.我们要满足所有的客户,即使做不到,我们也要满足我们技术范围之内的所有用户. 二.目标一个标准制作的网站,让

我们为什么要遵循W3C标准规范

大部分的站长和拥有网站的企业负责人都会知道,每当有浏览器发布大更新的时候,我们刚建立不久的网站就会发生无法预知的严重错误,我们只能重新建立或改版网站,使其可以应归新发布的浏览器.好比1996-1999年典型的浏览器战争,为了同时兼容Netscape和Microsoft Internet Explorer,各大站点不得不为这两种浏览器写不同的兼容代码.同样的,当有新的网络技术或交互设备出现时,我们就需要开发一个新版本来支持新的技术和设备,例如目前流行的手机浏览器浏览的WPA网页.类似的问题还有很多