Submit Search
Upload
Html规范常见问题举例
•
Download as PPTX, PDF
•
0 likes
•
238 views
N
noahlu
Follow
Self Improvement
Report
Share
Report
Share
1 of 18
Download now
Recommended
网页设计及制作(Div+css)
网页设计及制作(Div+css)
lrk3
2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪
小 米猪
網頁三本柱之Html與css
網頁三本柱之Html與css
Aaron King
Dn11 u3 a4_cvp
Dn11 u3 a4_cvp
veytia
Sedentarismo 2010
Sedentarismo 2010
andrespv
Los 10 animales mas venenosos y mortales
Los 10 animales mas venenosos y mortales
danielgar
La URSS
La URSS
Carolina Carnebia
Felicit. babel
Felicit. babel
Juani Troll
Recommended
网页设计及制作(Div+css)
网页设计及制作(Div+css)
lrk3
2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪
小 米猪
網頁三本柱之Html與css
網頁三本柱之Html與css
Aaron King
Dn11 u3 a4_cvp
Dn11 u3 a4_cvp
veytia
Sedentarismo 2010
Sedentarismo 2010
andrespv
Los 10 animales mas venenosos y mortales
Los 10 animales mas venenosos y mortales
danielgar
La URSS
La URSS
Carolina Carnebia
Felicit. babel
Felicit. babel
Juani Troll
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
Div+css布局
Div+css布局
flyxiang228
快速定位开发常见的前端问题
快速定位开发常见的前端问题
taobao.com
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
FCUGDSC
Div+css培训
Div+css培训
pan quanjin
日新培训
日新培训
pan quanjin
网站重构&Web标准设计第二版
网站重构&Web标准设计第二版
志勇 孙
Html&css培训 舒克
Html&css培训 舒克
jay li
前端開發學習簡介
前端開發學習簡介
peterju
重新认识Html5
重新认识Html5
Adam Lu
S_E_O
S_E_O
maosongppt
Html&css基础
Html&css基础
KenerLinfeng
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
Joseph Chiang
HTML & JavaScript
HTML & JavaScript
Sanji Zhang
Web教程2
Web教程2
tamamadesu
Inside the-browser
Inside the-browser
jy03845581
Inside the-browser
Inside the-browser
jy03845581
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
ziggear
給高中生的Web Programming教材
給高中生的Web Programming教材
Shang-Pin Ma
凌網-網頁設計新規格簡介
凌網-網頁設計新規格簡介
Veela Tseng
More Related Content
Similar to Html规范常见问题举例
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
Div+css布局
Div+css布局
flyxiang228
快速定位开发常见的前端问题
快速定位开发常见的前端问题
taobao.com
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
FCUGDSC
Div+css培训
Div+css培训
pan quanjin
日新培训
日新培训
pan quanjin
网站重构&Web标准设计第二版
网站重构&Web标准设计第二版
志勇 孙
Html&css培训 舒克
Html&css培训 舒克
jay li
前端開發學習簡介
前端開發學習簡介
peterju
重新认识Html5
重新认识Html5
Adam Lu
S_E_O
S_E_O
maosongppt
Html&css基础
Html&css基础
KenerLinfeng
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
Joseph Chiang
HTML & JavaScript
HTML & JavaScript
Sanji Zhang
Web教程2
Web教程2
tamamadesu
Inside the-browser
Inside the-browser
jy03845581
Inside the-browser
Inside the-browser
jy03845581
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
ziggear
給高中生的Web Programming教材
給高中生的Web Programming教材
Shang-Pin Ma
凌網-網頁設計新規格簡介
凌網-網頁設計新規格簡介
Veela Tseng
Similar to Html规范常见问题举例
(20)
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Div+css布局
Div+css布局
快速定位开发常见的前端问题
快速定位开发常见的前端问题
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
Div+css培训
Div+css培训
日新培训
日新培训
网站重构&Web标准设计第二版
网站重构&Web标准设计第二版
Html&css培训 舒克
Html&css培训 舒克
前端開發學習簡介
前端開發學習簡介
重新认识Html5
重新认识Html5
S_E_O
S_E_O
Html&css基础
Html&css基础
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
HTML & JavaScript
HTML & JavaScript
Web教程2
Web教程2
Inside the-browser
Inside the-browser
Inside the-browser
Inside the-browser
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
給高中生的Web Programming教材
給高中生的Web Programming教材
凌網-網頁設計新規格簡介
凌網-網頁設計新規格簡介
Html规范常见问题举例
1.
HTML页面编辑规范化问题 Noah 2010-12-9
2.
DIV+CSS的设计特点 HTML为什么要规范化 常见规范化问题
目录
3.
DIV+CSS的设计特点
4.
DIV+CSS的设计特点 HTML为什么要规范化 常见规范化问题
目录
5.
HTML规范化的好处 浏览器兼容性 搜索引擎友好
获得大多数现代浏览器支持 搜索引擎能够正确读取和理解
6.
DIV+CSS的设计特点 HTML为什么要规范化 常见规范化问题
目录
7.
1.标签和属性未小写 <DIV class=“div-1”>我是一个层</DIV>
<meta name="robots" Content="all"> <div class=“div-2”>标签名应该小写</div>
8.
2. 同名ID重复使用 <div
id=“div-1”>我是一个层</div> … <div id=“div-1”>我是另一个层</div> <div class=“div-1”>我是一个层</div> … <div class=“div -1”>我是另一个层</div>
9.
成对标签: <div>…</div> <p>…</p>
<a>…</a> <h1>…</h1> 非成对标签 <br/> <img /> <input /> 3.成对标签嵌套错位
10.
3.成对标签嵌套错位 <div id=“div-1”><p>我是一个层</div>
</p> <div id=“div-1”><p>我是一个层</p></div>
11.
4.非成对标签无结束符号 <p>我是一个段落<br></p> <imgsrc=“/images/pic.gif”
width=“10” height=“10” alt=“我是一个图片”> <p>我是一个段落<br /></p> <imgsrc=“/images/pic.gif” width=“10” height=“10” alt=“我是一个图片” />
12.
行内元素: span、strong、a 块级元素
div、p、div、p、ul、h1-h6等 区别: 行内元素是“软”性元素(气球?) 块级元素是“硬”性元素(盒子?) 5.行内元素包含块级元素
13.
5.行内元素包含块级元素 <span><p>我是一个段落</p></span> <a
href=“”><p>我是一个链接</p></a> <p><span>我是一个层</span></p> <p><a href=“”>我是一个链接</a></p>
14.
组合元素: 无序列表<ul> <li></li>
</ul> 有序列表<ol> <li></li> </ol> 定义列表<dl> <dt></dt> <dd></dd> </dl> 6.组合标签错误使用
15.
6.组合标签错误使用 <ul> <p>我是一个段落</p>
<li>我是列表</li> <li>我是列表</li> </ul> <ul> <li><p>我是列表中的段落</p></li> <li>我是列表</li> </ul>
16.
7.图片<img>标签未加alt属性 <imgsrc=”/images/pic.gif” width=”10”
height=”10” /> <imgsrc=”/images/pic.gif” width=”10” height=”10” alt=”alternative text” />
17.
标签和属性应使用小写 不重复使用ID 成对标签层叠嵌套
非成对标签应有结束标志 行内元素不包含块级元素 组合标签组合使用 图片<img>标签必须有alt属性 小结
18.
Thank You!
Download now