学习网页应知:HTML标签和属性的语义化 学习网页应知:HTML标签和属性的语义化 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用来代替标记标题。首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用,很...
、论坛和blog经常会用到引用别人的话,用来标记简短的单行引用。Web浏览器会自动识别在之间的内容。不幸的是,IE不能识别,并且有些时候,会引起一些可访问性(Accessibility)的问题。正因为如此,一些人建议尽量不要使用,手动的插入引用标记。在一个包含适当的类的 中加入单行的引用内容,那么就可以用CSS来给引用设计样式了,但是这个没有语义上的意义。 您可以读读Mark Pilgrim写的The Q tag (http://diveintomark.org/archives/2002/05/04/the_q_tag )关于处理相关问题的看法。 对于那些一段或者好几段的长篇引用,就应当使用了。CSS可以用来定义引用的样式。注意,一段文章是不可以直接放在中的,引用的内容还必须包含在一个元素中,通常是。属性cite既可以与一起用,也可以与一起用,用来提供引用内容的来源地址。需要注意的是,如果你使用 来代替标记引用内容,那么你就不能使用 cite属性了。例如:Designing with Web Standards is an excellent book by Jeffrey Zeldman. 孔子曰:学而不思则罔,思而不学则殆.The W3C says thatThe presentation of phrase elements depends on the user agent..“我们大部分人都有深刻体验,每当主流浏览器版本的升级,我们刚建立的网站就可能变得过时, 我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战", 为了兼容 Netscape 和 IE,网站不得不为这两种浏览器写不同的代码。同样的, 每当新的网络技术和交互设备的出现,我们也需要制作一个新版本来支持这种新技术或新设备, 例如支持手机上网的 WAP 技术。类似的问题举不胜举:网站代码臃肿、繁杂浪费了我们大量的带宽; 针对某种浏览器的 DHTML 特效,屏蔽了部分潜在的客户;不易用的代码,残障人士无法浏览网站等等。 这是一种恶性循环,是一种巨大的浪费。”、 是用作强调的,是用作重点强调的。 大部分浏览器用斜体显示强调的内容,用粗体来显示重点强调的内容,然而,这是没有必要的,如果是为了确定强调内容的显示方式,最好的方法就是使用CSS来定义他们的表现。当你想要的只是视觉上的效果时,就不要使用强调了。而且如果你想要强调但是还觉得粗体或者斜体不视觉效果没那么好,特别是斜体对于中文来说,那么你完全可以定义一些其他的比较醒目的样式达到强调的效果。 例如:强调 的文本通常用斜体显示, 然而, 特别强调 的文本通常以粗体显示。、、、< caption >、 summaryXHTML中的表格不应用来布局。然而如果是为了标记列表的数据,就应该使用表格了。 为表格标题,属性summar为摘要, 标签为表格尾部。 其中还可以使用scope 可用于取代headers属性,标记含有表头信息的单元格,其中各数值的内容如下: row 指示当前单元格,为包含当前单元格的行提供相关的表头信息。 col 指示当前单元格,为根据当前单元格指定的列提供相应的表头信息。 rowgroup 指示当前单元格,为包含当前单元格的其余行组提供相关的表头信息。 colgroup 指示当前单元格,为根据当前单元格指定的其余列组提供相应的表头信息。 abbr 用于定义表头单元格中的缩写名,如果没有定义该属性,则将默认单元格内容为节略形式。 例如:标签为首部说明, 标签为表格头部,标签为表格主体内容,Table 1: Power Mac G5 tech specs Configurations Dual 1.8GHz Dual 2GHz Dual 2.5GHz Model M9454LL/A M9455LL/A M9457LL/AG5 Processor Dual 1.8GHz PowerPC G5 Dual 2GHz PowerPC G5 Dual 2.5GHz PowerPC G5Frontside bus 900MHz per processor 1GHz per processor 1.25GHz per processorLevel2 Cache 512K per processor 512K per processor 512K per processor Internet Explorer is the most popular browser used underwater.,知道del,就不要再用做删除线了,用del显然更具有语义化。而且del还带有cite和datetime来表明删除的原因以及删除的时间。ins是表示插入,也有这样的属性。 例如:It really was very good.表示是计算机代码。而默认样式为打字体。技术论坛和blog中经常遇到。 例如:
p{margin:2px 0;}
、标签是表示web页面上的简称,标签为取首字母缩写。(注:这里把简称和缩写分开而论,简称范围比缩写大,取首字母的缩 写用标签)Windows的IE6.0以下的浏览器暂不支持标签。 在IE里,你可以应用CSS给但是不能应用给标签, IE会为标签的title属性显示提示,但是会忽略标签。 解决方法见: http://www.webjx.com/htmldata/2005-05-30/1117417224.html 例如:CSSCSSalt属性和title属性title属性用来为元素提供额外说明信息title属性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。但是并不是必须的。 alt属性为不能显示图像、窗体或applets的用户代理(UA),指定替换文字。替换文字的语言由lang属性指定。http://www.webjx.com/htmldata/2007-05-16/1179324860.html" title="Photoshop制作流行红色网页提交按钮">Photoshop制作流行红色网页提交按钮本文档为【学习网页应知:HTML标签和属性的语义化】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。下载需要: 免费 已有0 人下载你可能还喜欢
最新资料资料动态专题动态
- 合同总价项目分解表
- 榆林每条巷子的名字由来
- 特种设备焊接操作人员考核细则
- 高斯报轮零速自动接纸机与张力控制有关的故障
- 农业知识竞赛题目
- 天大年月《工程制图基础》期末大作业考核要求
- 二年级进一法与去尾法练习
- 威斯敏斯德公认信条
- 《护理查房》PPT课件
- 监理费结算书
- 深圳某写字楼大厦整体招租策划报告
- 西敏小要理问答
- 食品安全及化妆品GMP生产工艺验证标准规程
- 世界植物之最教学文案
- 合同总价项目分解表
- 榆林每条巷子的名字由来
- 特种设备焊接操作人员考核细则
- 高斯报轮零速自动接纸机与张力控制有关的故障
- 农业知识竞赛题目
- 天大年月《工程制图基础》期末大作业考核要求
- 二年级进一法与去尾法练习
- 威斯敏斯德公认信条
- 《护理查房》PPT课件
- 监理费结算书
- 深圳某写字楼大厦整体招租策划报告
- 西敏小要理问答
- 食品安全及化妆品GMP生产工艺验证标准规程
- 世界植物之最教学文案
- 我的一次洗泰浴经历 我的一次网络经历
- 中国北方工业北京公司与中外运国际经济技术合作公司海运租船合同纠纷案
- 电脑5.1声卡接口与5.1声道音箱正确连接方法
- 自考机电传动控制试卷
- 修图师岗位要求6篇
- 招聘专员KPI考核
- 电大统计学原理形成性考核册答案
- 基于Android的社交分享平台的设计_学士学位论文
- 超全的皮试液配制
- 《武训传》 编剧:孙瑜;导演:孙瑜; 摄制:昆伦影业公司(1950)。 武
- "请把你的头抬高一点"
- 软件测试BUG记录表模板
- 四氢呋喃蒸馏操作规程
- 【合同范文】加入民盟的申请书
- 爸爸妈妈我想对你说书信300字 爸爸妈妈我想对你说书信作文优秀
- 五年级英语句型转换(含答案)
- 古城幼儿园《鼻子出血怎么办》PPT课件
- 幼儿园大班签到表
- 新款陆地巡洋舰A750F自动变速器系统(四)
- 2023年最新深圳社保条例全文
- 八年级下册英语单词默写打印版
- 安全是什么安全为了谁
- 社区家长学校工作计划表格(2022最新)
- 英语人教版七年级上册unit6sectiona1a-2d
- 机能学实验病理生理学部分-家兔失血性休克及其实验性治疗实验报告(2)
- 2021年医院员工薪酬新规制度实施工作细则
- PM-8000 Express便携式参数监护仪
- 10 WDZ-5243变压器综合保护测控装置V1.01
- 学习樱桃树法则.doc
- 假如风有颜色作文_24
- 服装专卖店交接班点数单
- 提高小学体育课堂教学质量的要诀
- 深圳市建设工程承包商履约评价报告书(评价表及评分细致)
- 某机械厂10KV供电系统设计
- 肠镜检查
- 安全是什么安全为了谁
- 社区家长学校工作计划表格(2022最新)
- 英语人教版七年级上册unit6sectiona1a-2d
- 机能学实验病理生理学部分-家兔失血性休克及其实验性治疗实验报告(2)
- 2021年医院员工薪酬新规制度实施工作细则
- PM-8000 Express便携式参数监护仪
- 10 WDZ-5243变压器综合保护测控装置V1.01
- 学习樱桃树法则.doc
- 假如风有颜色作文_24
- 服装专卖店交接班点数单
- 提高小学体育课堂教学质量的要诀
- 深圳市建设工程承包商履约评价报告书(评价表及评分细致)
- 某机械厂10KV供电系统设计
- 肠镜检查
is_812841暂无简介~格式:doc大小:25KB软件:Word页数:3分类:互联网上传时间:2013-02-06浏览量:30热点搜索【部编版】九年级语文下册22 出师表说课稿 燃机运行规程 家畜环境卫生学 温热环境 两轮车行业品牌企业爱玛科技调研分析报告 松浦大厦项目可行性研究报告14873 2021新增医用耗材准入管理办法(精华版) 安康杯竞赛优胜单位申报表———2016 2020人教版九年级英语下册unit9单元全套课件 新生艺术节活动预算 建党伟业人物介绍 普通话词语 基于嵌入式的智能家居控制系统 介词练习题(师) 德龙F2000的转向灯电路 【部编版】九年级语文下册22 出师表说课稿 燃机运行规程 家畜环境卫生学 温热环境 两轮车行业品牌企业爱玛科技调研分析报告 松浦大厦项目可行性研究报告14873 2021新增医用耗材准入管理办法(精华版) 安康杯竞赛优胜单位申报表———2016 2020人教版九年级英语下册unit9单元全套课件 新生艺术节活动预算 建党伟业人物介绍 普通话词语 基于嵌入式的智能家居控制系统 介词练习题(师) 德龙F2000的转向灯电路