语义化的html结构怎么理解出来 html5语义化的意义和作用大全
每个人都曾试图在平淡的学习、工作和生活中写一篇文章。写作是培养人的观察、联想、想象、思维和记忆的重要手段。范文书写有哪些要求呢?我们怎样才能写好一篇范文呢?这里我整理了一些优秀的范文,希望对大家有所帮助,下面我们就来了解一下吧。
语义化的html结构怎么理解出来 html5语义化的意义和作用篇一
相信大家都知道html和css,知道html结构和css表现分离,知道html语义化,这些都是这几年的热门关键字。语义化的html在国内也是一两年前才开始被追捧的,看看现在群里谈论的html结构,关于html结构的面试题,语义化的html占据了很大一部分。那么为什么要使用语义化的html?语义化的html到底有什么好处呢?
html是提供网页文档内容的上下文结构和含义;html本身是没有表现的,我们看到例如
是粗体,字体大小2em,加粗;是加粗的,不要认为这是html的表现,这些其实html默认的css样式在起作用,所以首先我们要知道html和页面的表现是没有关系的,这些是css的事情。html在页面中的作用就是结构和含义,通俗点说就是划分内容,这里放什么,我们放的是什么。
html结构是页面的骨架,一个页面就好像一幢房子,html结构就是钢精钢筋混泥土的墙,一幢房子如果没有钢精钢筋混泥土的墙那就是一堆费砖头,不能住人,不能办公。css是装饰材料,是原木地板,是大理石,是油漆,是用来装饰房子的,css的强大就不用多说了,css如果没有html结构那就是一堆木板,一同油漆,没有了实际使用价值。css完全依靠引用它的(x)html文档。如果你想使css的能力充分发挥到极致,提供一个用既干净又有结构的内容的html是非常必要的,“html是在互联网上发布超文本的通用语……html使用标签来对文本结构化”(http:///markup/)。
html是一种对文本内容进行结构和意义(或者说“语义”)进行补充的方法。它会告诉我们说:“这行是一个标题,这几行组成了一个段落。这些文字是项目列表,这些文字是链接到互联网上另一个文件的超链接。”值得注意的是,不应该让html来告诉我们:“这些文字是蓝色的,这些文字又是红色的。这部分内容是最最靠右的一栏,这行内容是斜体字。”这些和表现相关的信息是css的工作。在做前端开发的时候要记住:html告诉我们一块内容是什么(或其意义),而不是它长的什么样子。当我们提到“语义标记”的时候,我们所说的html应该是完全脱离表现信息的,其中的标签应该都是语义化地定义了文档的结构。
语义化的html结构其实很简单,首先掌握html中各个标签的语义,
是一个容器;
语义化的html结构到底有什么好处?
我们知道html5新增的标签,比如
和
,html正在朝着更加健壮的语义化的html结构发展,xhtml2在这点上没html5先进,这也是xhtml2死亡的一个原因,这一点也说明了语义化的html结构是html的发展趋势。
1.去掉或样式丢失的时候能让页面呈现清晰的结构:
html本身是没有表现的',我们看到例如
是粗体,字体大小2em,加粗;
2.屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页.
例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完整发音.
、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(通常是因为这些设备对css的支持较弱).
使用语义标记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条件来渲染网页.
语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况(包括现有的或者将来新的设备).例如,一部手机可以选择使一段标记了标题的文字以粗体显示.而掌上电脑可能会以比较大的字体来显示.无论哪种方式一旦你对文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面.
4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重.
过去你可能还没有考虑搜索引擎的爬虫也是网站的“访客”,但现在它们他们实际上是极其宝贵的用户.没有他们的话,搜索引擎将无法索引你的网站,然后一般用户将很难过来访问.
5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记,而只注重语义标记.
因此,如果页面文件的标题被标记,而不是,那么这个页面在搜索结果的位置可能会比较靠后.除了提升易用性外,语义标记有利于正确使用css和javascript,因为其本身提供了许多“钩钩”来应用页面的样式与行为.
seo主要还是靠你网站的内容和外部链接的。
6.便于团队开发和维护
w3c给我们定了一个很好的标准,在团队中大家都遵循这个标准,可以减少很多差异化的东西,方便开发和维护,提高开发效率,甚至 实现模块化开发。
如有不同观点,补充,欢迎留言讨论。
感谢鬼哥,奶茶,小志,偷米饭,caspar还有css森林群的讨论
s("content_relate");【关于语义化的html结构怎么理解】相关文章:
1.精选html技巧语义化代码2.实现html方法结构化3.html的概念及组成结构4.关于html dom的简介5.关于html meat作用6.怎么在html加超链接7.网站结构优化的方法8.html5与传统html区别
-
母亲节的由来意义大全
-
中元节的来历和意义 中元节的由来和含义3篇(优质)
-
菊花的花语和意义(四篇)
-
2023年文化的名言 文化的重要性和意义(5篇)
-
优化营商环境条例解读 优化营商环境条例出台的意义
-
最新礼物的意义 礼物用英语怎么说(四篇)
-
类比推理中的语义关系 语义关系举例大全
-
最新开题报告的意义和作用 开题报告的意义(大全8篇)
-
最新成本管理的研究意义和目的 成本管理研究意义,理论意义汇总
-
《杜甫的文化意义》演讲稿
-
最新茶文化教育的意义实用
-
最新圣诞节怎么读 圣诞节的来历和意义优质
-
2023年实现会计电算化的意义在于 会计电算化的重要意义模板
-
文本再构的概念和意义优秀
-
学好四史的重要意义 理解和认识四史学习教育的重要意义
-
实习的目的和意义 实习目的意义(实用9篇)
-
骄傲的褒义词和贬义词怎么造句优秀
-
最新公益义卖的意义 公益义卖宣传语优秀
-
最新工作总结的意义和作用 工作总结意义(精选11篇)
-
2023年爱心义卖的意义 爱心义卖收获和感悟3篇(大全)
-
全运会的意义和精神 全运会精神内涵意义
-
最新演讲的开场白和结束语意义 演讲的开场白和结束语怎么说(十八篇)
-
最新礼物的意义 礼物用英语怎么说模板(七篇)
-
2023年银行资本的作用和意义大全
-
2023年计划的意义和作用(大全11篇)
-
2023年大义凛然的解释和造句子 大义凛然的大义造句(四篇)
-
312植树节的来历和意义参阅
-
了解小学分数的意义和教案大全(19篇)
-
实习目的和意义(大全11篇)
-
最新成语顾名思义的造句是什么 顾名思义的词语造句大全
-
实习目的和意义(大全12篇)
-
公司规章制度的意义和作用 公司制度管理规定的意义(五篇)
-
认真的反义词解析词语 认真的反义词义词3篇(优秀)
-
如何理解“一带一路”的意义
-
最新呵护的同义成语 呵护的同义词和近义词优秀
-
分数的性质和意义解析(实用17篇)
-
最新感恩节的由来 感恩节的来历和意义大全(九篇)
-
结婚戒指的戴法和意义图解精选
-
最新有纪念意义的句子短句 有纪念意义的话怎么说(4篇)
-
如何构建和谐社会的意义及论文
-
最新安全文化建设的重要意义 安全文化建设的要素实用
-
儿童节的意义50字 儿童节的真正意义大全
-
最新合同的解除 合同的作用和意义(14篇)
-
2023年感恩节的来历和意义(通用13篇)
-
有意义的句子短句 有意义的句子(大全9篇)
-
企业财务管理的意义论文 企业财务管理的意义和目的模板
-
教学反思的意义和内容 教学反思的意义、内容和方法(大全十篇)
-
2023年感恩节的来历和意义(实用11篇)
-
2023年母亲节的来历和意义精选
-
最新感恩节的意义和由来优秀
-
感恩节的来历和意义(汇总12篇)
-
2023年五光十色的近义词和变化无穷的近义词(四篇)
-
先进文化:构建社会主义和谐社会的精神支撑
-
马克思主义时代化的科学意蕴
-
保护我国文化遗产的意义(四篇)
-
强化宗旨意识和服务意识的意义 强化宗旨意识联系服务群众心得(大全13篇)
-
建党节的来历和意义 简短的建党节来历
-
中专护理专业自我鉴定字的解析和意义大全(23篇)
-
2023年教材分析的作用和意义(大全4篇)
-
最新活出生命的意义读书笔记500 活出生命的意义读书笔记大全(7篇)
-
有意义的元旦假期 元旦有意义的事5篇(大全)
-
新一轮思想解放的意义和取向
-
学生义务劳动评语 义务劳动怎么表扬(11篇)
-
学英语的重要性及意义英语大全(十三篇)
-
两个确立的决定性意义的理解和感悟5篇
-
最新春节的意义作文200字 春节的意义作文500字大全
-
读书的意义作文400字 读书的意义作文800字五篇(大全)
-
最新劳动的意义作文400字 劳动的意义作文800字大全
-
文化语境与语义层次──求职信的教学思考
-
2023年凛冽的反义词和近义词大全
-
祝福语的意义(精选16篇)
-
祝福语的意义范文(22篇)
-
思想汇报:理解全心全意为人民服务的意义
-
有意义的游戏作文大全
-
幸福的最大意义美文300字 幸福意义散文大全
-
最新提出意见和建议的意义 提出意见的意见(4篇)
-
最新责任感英语 责任心的重要性和意义大全
-
2023年实习的目的和意义(大全十篇)
-
最新实习的目的和意义(大全13篇)
-
2023年实习的目的和意义 实习目的意义(精选12篇)
-
认识实习的目的和意义 实习目的意义(汇总14篇)
-
贬义词成语有什么词语 贬义词成语精选
-
幼儿园工作总结的意义大全
-
最新传承传统文化的意义 传承传统文化论文(大全12篇)
-
2023年除夕的解释意义 除夕的由来和传说故事(4篇)
-
最新红色文化进校园的意义(5篇)
-
最新比例的意义 比例的意义教学反思(大全12篇)
-
2023年实习目的和意义(大全13篇)
-
最新实习目的和意义(大全15篇)
-
粪常规检查的意义 粪常规检验的诊断意义大全