给大家带来网页制造技能教程:网页无停滞申明尺度
HTML5语音识别（现在一般用在搜索上），目前相关介绍还是挺多的。为何呢？因为很简单！破洛洛文章简介：网页无停滞申明.W3C请求
[*]必需有DOCTYPE
[*]必需指定字符编码
言语
[*]每一个页面的html标签要指定lang属性，<htmlxml:lang="zh"lang="zh">
线性浏览
[*]不以表格作为结构利用
[*]接纳定位的时分，将css往除，检察内容的浏览按次是不是切合成心义
题目
[*]页面中必需包括一个title元素，而且不该为空
[*]title中的内容应当少于60个字
[*]title应当包括网站名字和页面的主题
[*]页面中必需包括最少一个h1，而且不克不及为空
[*]h1和title中应当包括有不异的某些辞汇
[*]h1和title应当利用不异的词序（词序）链接链接...链接这类吧）
[*]h1的内容不该该仅仅来自于图片的alt属性值
hn
[*]一切的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><!--h2~h6前面紧挨着ul大概ol，如许才会被以为是navigationbar，而且这里的hn呈现在h1后面被视为切合请求的-->
<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的使用能帮你做到这一点…… 布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。 可以使用 CSS 检查工具进行设计。 由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
页:
[1]