仓酷云

标题: 给大家带来网页制造技能教程:网页无停滞申明尺度 [打印本页]

作者: 若天明 时间: 2015-1-15 22:57
标题: 给大家带来网页制造技能教程:网页无停滞申明尺度
HTML5语音识别（现在一般用在搜索上），目前相关介绍还是挺多的。为何呢？因为很简单！破洛洛文章简介：网页无停滞申明.
W3C请求

必需有DOCTYPE
必需指定字符编码

言语

每一个页面的html标签要指定lang属性，<htmlxml:lang="zh"lang="zh">

线性浏览

不以表格作为结构利用
接纳定位的时分，将css往除，检察内容的浏览按次是不是切合成心义

题目

页面中必需包括一个title元素，而且不该为空
title中的内容应当少于60个字
title应当包括网站名字和页面的主题
页面中必需包括最少一个h1，而且不克不及为空
h1和title中应当包括有不异的某些辞汇
h1和title应当利用不异的词序（词序）链接链接...链接这类吧）
h1的内容不该该仅仅来自于图片的alt属性值

一切的hn应当在h1前面得当的嵌套
从h2入手下手，每个hn后面最少有一个h(n-1)，好比：h3后面最少有一个h2；h5后面最少有一个h4
页面中最少并只能包括一个h1。（html5中已倡始可使用多个hn）
h1..h6元素应当在页面顶用于构建信息
h1..h6大概感化即是（heading|region|main|secondary|navigation|banner|contentinfo|definition|note|seealso|search）的元素应当在页面顶用于构建信息
每个h1...h6必需有笔墨内容
hn中的内容一般少于65个字
h2...h6中除img的alt属性外，还应当包括笔墨内容
不异级其余题目内容应当是独一的。（好比：不克不及有两个h1的内容都是“腾讯网”）

菜单和导航

ul是用来作为导航的最符合的元素，其次是ol
保举的导航布局：
<h2class="offscreen"></h2>
<ul>
<ahref="#">栏目1
<ahref="#">栏目2
</ul>
/*cssstyle*/
.offscreen{
position:absolute;
top:-30em;
left:-300em;
}
尽年夜多半的网页应当最少含有一个导航栏
每一个map，ul，ol元素不要在最初一个h1之前，假如必需有个导航在题目之前，这个题目请用h2。(拜见保举的导航布局)
每个嵌套的table，热门地区，ol，ul作为导航的话，他们的头部要有一个h2(大概是h2~h6，拜见保举的导航布局)

文本款式

请勿利用blink(闪啊闪的)和marquee(挪动挪动的)！！！会激发癫痫和视觉毁伤
克制利用font和center元素，请用css完成
斜体款式禁用i元素，题目用h1...h6，要夸大的词、短语和句子，请用em完成
加粗字体款式禁用b元素，题目用h1...h6，要夸大的词、短语和句子，请用em完成
下划线款式禁用u元素，题目用h1...h6，要夸大的词、短语和句子，请用strong完成

列表

假如将p一行行的有按次的分列，就该思索是否是应当用有序列表了（ol）
假如将p一行行的分列，就该思索是否是应当用无序列表了（ul）
假如列表嵌套深度年夜于5层的话，应当思索用h1...h6如许的元从来举行转换。特别是屏幕浏览器的用户
列表嵌套别凌驾5层

链接

制止利用离开文章高低文没法了解的笔墨链接（好比最经常使用的“具体”的笔墨）
假如一个链接包括一个图片和笔墨，而且alt中的内容和笔墨婚配（不异），那末alt的属性应当为空
制止利用小于16*16的图片作为链接
制止把链接密密层层的放在一同（指的是
确保分歧的链接地点用分歧的链接笔墨（也就是说最好制止反复的锚（链接）笔墨）
确保不异的链接地点用不异的链接笔墨（假如多个链接都指向http://www.ckuyun.com，那末这些链接都应当利用不异的锚（链接）笔墨。假如有的是“腾讯”，有的是“腾讯网”，有的是“腾讯网首页”，如许就分歧适了，何况对SEO也分歧适）
制止笔墨链接少于四个字（在中文网站中这一点很难制止）
外部的锚点方针要有tabindex="-1"。这是因为当外部链接被激活时，IE能够挪动核心
假如锚点方针是a大概表单等能够取得核心的元素，假如利用tabindex="1"，在利用tab键切换的时分就会被跳过
最平安的tabindex属性是0

图片

宽或高不到8px大概没有alt的图片（出格是粉饰性的图片）应当被移除，css手艺能够用来把持款式
alt是用来形貌图片的，而非纯真的旧事题目大概名词
alt属性不该包括图片的文件名
alt值不该包括冗杂的信息（假如很长可使用<imglongdesc="很长很长的内容很长很长的内容"/>）
每一个img要有alt
不克不及只依附图片上的笔墨信息
banner、头图上的笔墨信息必需在代码中有所表现

Objects

每一个applet元素应有alt值
每一个embed元素应有alt值
每一个object应包括笔墨内容

表单

ID必需独一，出格是表单
每个fieldset应当有一个legend元素
每一个label必需有笔墨内容
每一个legend必需有笔墨内容
每个无效的label(legend+label)必需是独一的（也就是说<labelfor="独一"></label）
label不该该包裹select和textarea元素（平常我们大概会如许誊写<label><select/></label>）
当input=images是必需有alt大概titile属性，且不为空
每个button必需包括笔墨内容
核实文本域、暗码、下拉框、textarea和按钮的时分，最好设置为绝对字体
克制让表单位素不克不及取得核心
假如input、select、textarea、button的title被界说了，必定不克不及为空
type即是button、reset、submit的input必需要有value大概title
最好为每个表单位素界说一个label而且指向他的id大概具有title
必需填写的字段，在代码层面必定要有所表现，保举：<abbrtitle="required">*</abbr>

框架

不该利用埋没大概引进空的frame
每一个frame必需有一个title属性用来先容这个frame的感化，埋没的frame能够将title设置为"hidden1","hidden2","hidden3,"等等
frameset中的每个frame的title要有内容

事务

有onmou搜索引擎优化ver举动的核心的元素应有相似onfocus的不异效果办理计划
有onmou搜索引擎优化ut举动的核心的元素应有相似onblur的不异效果办理计划
鼠标的onmousedown,onmouseup和onmousemove功效，要有响应的键盘办理计划（好比用keydown、keyup、onblur）
没有核心的元素的onmou搜索引擎优化ver或onmou搜索引擎优化ut应当用css中的:hover来完成（惋惜ie6不给力）
onClick事务应当绑定在有能有核心的元素上
onChange事务不该利用在select元素上，会招致主动改动核心大概载进到一个页面中

accesskey属性

属性值必需是独一的
不要与扫瞄器自己的快速键反复，好比：IE中的ACEFHJMPRTVX
最好不要利用字母

缩放

克制利用-webkit-text-size-adjust:none，保举利用-webkit-text-size-adjust:100%，包管在小尺寸IOS设备上的字体比例
在chrome中利用-webkit-text-size-adjust:none完成小于12px的笔墨的信息必定不克不及是主要信息

色彩

克制在html标签中利用color属性，用css来完成
色彩对照对起码应是3：1
色彩对照度最好值是7：1
不克不及只用色彩作为独一的信息标识（好比股票中的红涨绿跌）
不克不及只用图形作为独一的信息标识（好比星星评级，柱状图等）

</p>
每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5viewport的使用能帮你做到这一点……

作者: 柔情似水 时间: 2015-1-17 19:53
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: 海妖 时间: 2015-1-21 10:52
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

作者: 再现理想 时间: 2015-1-30 16:08
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

作者: 活着的死人 时间: 2015-2-6 14:01
可以使用 CSS 检查工具进行设计。

作者: 飘灵儿 时间: 2015-2-16 10:12
由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

作者: 老尸 时间: 2015-3-5 06:28
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

作者: 小女巫 时间: 2015-3-11 23:58
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

作者: 变相怪杰 时间: 2015-3-19 17:35
Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

欢迎光临仓酷云 (http://ckuyun.com/)