学习网页应知：HTML标签和属性的语义化

学习网页应知：HTML标签和属性的语义化学习网页应知：HTML标签和属性的语义化分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用来代替标记标题。首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很...

学习网页应知：HTML标签和属性的语义化分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用来代替标记标题。首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字号。,用来区别于其他文字，起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。其次，语义化的网页的好处，最主要的就是对搜索引擎友好，又了良好的结构和语义你的网页内容自然容易被搜索引擎抓取，你网站的推广便可以省下不少的功夫。具体的语义和用途在，XHTML1.0 TAG 参考中都已经说明，这里将一些容易遗忘或者混淆的TAGS和属性予以补充。、、、、、,作为标题使用，并且依据重要性递减。是最高的等级。例如:文档标题次级标题而不要使用文档标题，或者文档标题.很明显搜索引擎对于后者是不会认为他是标题的。段落标记，知道了作为段落，你就不会再使用
来换行了，而且不需要

来区分段落与段落。中的文字会自动换行，而且换行的效果优于
。段落与段落之间的空隙也可以利用CSS来控制，很容易而且清晰的区分出段落与段落。在利用行高(line-height)很容易的定义出行间距，再定义首字下沉等效果，那就挺完美了。例如：在利用行高(line-height)很容易的定义出行间距，再定义首字下沉等效果，那就挺完美了。、
、无序列表，很常见的到了大家广泛的使用，
有序列表也挺常用。在web标准化过程中，还被更多的用于导航条，本来导航条就是个列表，这样做是完全正确的，而且当你的浏览器不支持CSS的时候，导航链接仍然很好使，就是美观方面差了一点。例如: 项目一项目二项目三
第一章第二章第三章
、、dl就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。例如：
Dog A carnivorous mammal of the family Canidae.

上海滩这部拍摄于1980年的《上海滩》堪称是香港电视史上最成功、最经典的剧集。当年在香港播出以后，产生了巨大的轰动效应。周润发和所有伟大的影星一样，周润发印证了一个时代，一个香港电影的黄金时代。风衣墨镜、冷血双枪、阳光微笑，都封存胶片之中，当我们回首寻望的时候，发哥已被刻为一个时代的坐标。
、cite 、、
论坛和blog经常会用到引用别人的话，用来标记简短的单行引用。Web浏览器会自动识别在之间的内容。不幸的是，IE不能识别，并且有些时候，会引起一些可访问性(Accessibility)的问题。正因为如此，一些人建议尽量不要使用 ,手动的插入引用标记。在一个包含适当的类的中加入单行的引用内容，那么就可以用CSS来给引用设计领导形象设计圆作业设计 ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计样式了，但是这个没有语义上的意义。您可以读读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 that The presentation of phrase elements depends on the user agent..
“我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战"，为了兼容 Netscape 和 IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的 WAP 技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的 DHTML 特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。”
、是用作强调的，是用作重点强调的。大部分浏览器用斜体显示强调的内容，用粗体来显示重点强调的内容，然而，这是没有必要的，如果是为了确定强调内容的显示方式，最好的方法快递客服问题件处理详细方法山木方法pdf 计算方法pdf 华与华方法下载八字理论方法下载就是使用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/A G5 Processor Dual 1.8GHz PowerPC G5 Dual 2GHz PowerPC G5 Dual 2.5GHz PowerPC G5 Frontside bus 900MHz per processor 1GHz per processor 1.25GHz per processor Level2 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 人下载立即下载你可能还喜欢 ICS国际标准分类号中级口译资格考试历年试卷试卷2001.9含答案单晶硅项目年度总结（模板范本）机械制图标准螺纹及螺纹紧固件画法七年级下册英语课文翻译(人教版新目标). 科室院感管理质量控制检表青年教师演讲稿油田水驱开发指标计算扶济复新并网电源一次调频技术规定及试验导则山歌、小调、号子的比较罐区班长绩效考核表 2015-专业技术人员综合素质能力的培养与提升-答案 Austal 2000应用于国内“烟塔合一”类项目大气影响评价创先争优活动专刊第52期 - 房山信息网 ()公章版式与尺寸规范 2020年公共英语一级试题及答案（卷一） 2020年公共英语一级试题及答案（卷一） 2020年公共英语一级试题及答案（卷一） 2020年公共英语一级试题及答案（卷一）最新资料资料动态专题动态 ansys中nummrg与numcmp命令电力测量仪表公司（行业）绩效考核方案范本（绩效管理制度KPI）-人力资源部资料文集系列水合物法净化酸性天然气的工艺探讨习俗作文之英国文化习俗英语作文小学二年级作文500字左右：各有所长 2021版广东省高职高考语文总复习课件：第四部分语言表达与应用第一章语言表达应用衡阳水系航空摄影测量技术设计书面粉企业综合应急预案 2021年校园食品安全守护行动方案奶奶的针线作文范文高频红外碳硫仪期间核查记录表信用卡授权表太阳直射点问题　 ansys中nummrg与numcmp命令电力测量仪表公司（行业）绩效考核方案范本（绩效管理制度KPI）-人力资源部资料文集系列水合物法净化酸性天然气的工艺探讨习俗作文之英国文化习俗英语作文小学二年级作文500字左右：各有所长 2021版广东省高职高考语文总复习课件：第四部分语言表达与应用第一章语言表达应用衡阳水系航空摄影测量技术设计书面粉企业综合应急预案 2021年校园食品安全守护行动方案奶奶的针线作文范文高频红外碳硫仪期间核查记录表信用卡授权表太阳直射点问题　高数B1上册复习试题及答案自动铅笔的历史申请社会救助家庭经济状况登记表及声明书 [贸易]表单调查约谈类出口货物退（免）税约谈记录 delll错误代码（Delll error code）青年曲艺社年活动计划(参考）理论力学07 量子力学目录校医招聘试题(非常全面) 液相计量标准技术报告 51单片机指令系统练习题学习吹瓶机故障排除方法 16、塔吊全套表格台账小说_初三记叙文作文300字证据清单行政诉讼 ZigBee网络多信道调度 3关于零售药店开具销售凭证的紧急通知第四章有效证券市场珠宝首饰保养指南整体纲要(小曲率)验收终版《建筑设计防火规范》05sj811 名人爱国故事陈天华遥寄血书_作文素材公司副总经理分管工程项目绩效考核指标个人物品说明函仪表板横梁总成技术条件 2022社会实践报告2000字大学生煤矿安全改建工程项目规划选址论证报告电大本科《会计制度设计》2021期末试题及答案处置暴恐预案中药提取工艺技术理论山东青岛市2022-2023学年高二化学第二学期期末考试试题含解析钣喷车间优化改进楼梯踏步石材铺贴施工技术方案拟分包计划表中班教案《小鲤鱼跳龙门》含教学反思名人爱国故事陈天华遥寄血书_作文素材公司副总经理分管工程项目绩效考核指标个人物品说明函仪表板横梁总成技术条件 2022社会实践报告2000字大学生煤矿安全改建工程项目规划选址论证报告电大本科《会计制度设计》2021期末试题及答案处置暴恐预案中药提取工艺技术理论山东青岛市2022-2023学年高二化学第二学期期末考试试题含解析钣喷车间优化改进楼梯踏步石材铺贴施工技术方案拟分包计划表中班教案《小鲤鱼跳龙门》含教学反思

is_812841 暂无简介~ 格式：doc 大小：25KB 软件：Word 页数：3 分类：互联网上传时间：2013-02-06 浏览量：30 相关资料关于安置房建设工程质量与进度控制的思考完整word版,FUJI-ACE201-171技术资料第三课第一框　坚持新发展理念 InterbrandProposal品牌策略-日日顺，打造引领时代的物流服务品牌化学药物质量控制\采用f2因子法评价溶出曲线的相似性需注意的问题生态文明建设心得体会三篇美术教学设计模板格式试算平衡表excel模版 2018年感恩的演讲稿感恩与责任同行跳绳教案李代沫《遗憾》歌词作词作曲陈佳明国内各城市斜面日日照时数计算公式总成本总固定成本和总可变成本曲线河北邢台的导游欢迎词【doc】北国森林中的精灵雪兔《美型妖精大混战》：《美型妖精大混战》-故事梗概，《美型妖精大混战》-人物介绍美型妖精大混战漫画路由器流程图重点学科申报PPT精选课件赶集_初一记叙文作文200字食品安全自查制度食品安全自查制度范文热点搜索聚合物分子模拟中的力场高等植物叶片衰老及其影响因素 Bramfitt关于二维错配度计算智能建筑检验批科目一考试的速记口诀 2019年小学五年级状物作文-东方明珠电视塔200字腹部手术后并发症的观察及护理荷叶圆圆魏海霞大学物理试验——分光计数据处理[优质文档] 时间——生命_初三记叙文作文700字致新人的一封信(1) 天然气工程竣工验收表贵州四级英语真题试卷：翻译真题答案地类代码[整理版] 聚合物分子模拟中的力场高等植物叶片衰老及其影响因素 Bramfitt关于二维错配度计算智能建筑检验批科目一考试的速记口诀 2019年小学五年级状物作文-东方明珠电视塔200字腹部手术后并发症的观察及护理荷叶圆圆魏海霞大学物理试验——分光计数据处理[优质文档] 时间——生命_初三记叙文作文700字致新人的一封信(1) 天然气工程竣工验收表贵州四级英语真题试卷：翻译真题答案地类代码[整理版]