到底啥事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"/>
五、所有的 < 、>、% 都要用编码标识
< ----> <
> ----> >
& ----> &
六、所有属性都要有赋值
<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标准的更多相关文章
- W3C标准
		
W3C标准:World Wide Web Consortium 万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构.到目前为止,W3C已经发布了200多项影响深远的W ...
 - 浅谈w3c标准
		
#浅谈w3c标准 ##w3c标准是什么 w3c标准包括多个方面,官方是从应用角度分的,相关的文档可以戳[这里](http://www.w3.org/standards/).如果从WEB技术角度,可以分 ...
 - [HTML] Google IE-x.js 解决IEx与W3C标准的冲突
		
如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果.这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug.我们不得不找到一个能平衡于它们之间的解 ...
 - 解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容
		
如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果. 这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug. 我们不得不找到一个能平衡于它们之间 ...
 - IE6与W3C标准的盒模型差异
		
盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子 ...
 - CSS的W3C标准的盒子模型和低版本IE浏览器的盒子模型
		
CSS中盒子模型的组成由内容区(content).内边距(padding).边框(border).外边距(margin)组成.内边距可细分为 padding-top.padding-right.pad ...
 - 前端基本知识(一):W3C标准&&冒泡事件,捕获事件,W3C DOM对象模型,对比分析
		
W3C标准是万维网联盟, 其他的可以参考万维网版本的更新内容 一.W3C标准 二.W3C DOM事件 三.冒泡事件 四.捕获事件 一.W3C标准 其实网页是由三分部组成:1.结构(structure) ...
 - 每日分享!~ JavaScript中面试基础--1,数组检测的方式  2.传统事件绑定和W3C标准绑定事件的区别~
		
javaScript 那些方式中检测数据类型 typeof typeof isNaN // 结果是function 检测数组的几种方式 instanceof arr instanceof Array( ...
 - W3C标准和规范
		
W3C标准万维网联盟标准. 万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合.网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behav ...
 
随机推荐
- Tkinter界面编程(一)----函数分析
			
Tkinter模块是python比较常用的GUI界面设计模块,首先对相关的函数进行分析. 一 .创建根窗口相关的函数说明 import tkinter as tk top = tk.Tk() # 创建 ...
 - 工作随笔——jasypt-spring-boot使用
			
最近有一个项目,要求对各种配置文件中的数据进行加密.so,let`s do it. Maven依赖 <dependency> <groupId>com.github.ulise ...
 - WebApi的多版本管理
			
1.多版本管理概念 什么是API的多版本问题?Android等App存在着多版本客户端共存的问题:由于早期没有内置升级机制,用户不会升级,拒绝升级等原因,造成了许多软件的旧版本App也在运行.开发新版 ...
 - 【java】对象克隆protected Object clone() throws CloneNotSupportedException
			
package 对象克隆; class A implements Cloneable{//要具备clone()功能必须要实现Cloneable接口,此接口里无方法,只起标识作用. private St ...
 - 【java】HashMap、Map、Set、HashMap.put()、HashMap.keySet()、HashMap.entrySet()、Map.Entry内部类
			
package com.tn.hashMap; public class Student { private String id; private String name; public Studen ...
 - Python下载一张图片与有道词典
			
1.下载一张图片代码1 import urllib.request response = urllib.request.urlopen('http://photocdn.sohu.com/201009 ...
 - UVA 11600 Masud Rana
			
题目大意:有一个n个点的完全图,有些路上有妖怪.现在一个人从一号点出发,每天随机走向另一个点,消灭路上的妖怪,问平均几天后所有点之间存在没有妖怪的路径.点数≤30. 看到点这么少肯定状压,看见存不下肯 ...
 - Selinux安全机制
			
1.Selinux安全机制简介 Selinux是Google在Android 4.4上正式推出的一套以SELinux为基础于核心的系统安全机制.而SELinux则是由美国NSA(国安局)和一些公司(R ...
 - Golang丰富的I/O----用N种Hello World展示
			
h1 { margin-top: 0.6cm; margin-bottom: 0.58cm; direction: ltr; color: #000000; line-height: 200%; te ...
 - ab返回结果参数分析
			
Server Software 返回的第一次成功的服务器响应的HTTP头.Server Hostname 命令行中给出的域名或IP地址Server Port 命令行中给出端口.如果没 ...