HTML机关是页面的骨架，一个页面就彷佛一幢屋子，HTML机关便是钢精钢筋混泥土的墙，一幢屋子若是没有钢精钢筋混泥土的墙那便是一堆费砖头，不能住人，不能办公。
信赖大家都知道html和css，知道html机关和css浮现疏散，知道html语义化，这些都是这几年的热点环节字。语义化的html在海内也是一两年前才最先被追捧的，看看现在群里指斥争执的html机关，关于html机关的口试题，语义化的html据有了很大一部分。那么为什么要哄骗语义化的HTML？语义化的HTML到底有什么所长呢？
HTML是提供网页文档内容的上下文机关和含义；html自己是没有浮现的，我们看到比方<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要以为这是html的浮现，这些着实html默认的css样式在起浸染，以是首先我们要知道html和页面的浮现是没有干系的，这些是css的事情。HTML在页面中的浸染便是机关和含义，平常点说便是离别内容，这里放什么，我们放的是什么。
语义化的HTML机关起垂危夸大HTML机关
HTML机关是页面的骨架，一个页面就彷佛一幢屋子，HTML机关便是钢精钢筋混泥土的墙，一幢屋子若是没有钢精钢筋混泥土的墙那便是一堆费砖头，不能住人，不能办公。css是装饰质料，是原木地板，是大理石，是油漆，是用来装饰屋子的，CSS的强大就不用多说了，css若是没有html机关那便是一堆木板，一同油漆，没有了实际哄骗价钱。CSS完全依赖引用它的(X)HTML文档。若是你想使CSS的才具充盈施展到极致，提供一个用既洁净又有机关的内容的html是极端需要的，“HTML是在互联网上公布超文本的通用语……HTML哄骗标签来对文本机关化”
语义化的HTML机关怎么写？
HTML是一种对文本内容举办机关和意义（大概说“语义”）举办补充的要领。它会敷陈我们说：“这行是一个标题问题，这几行组成了一个段落。这些笔墨是项目列表，这些笔墨是链接到互联网上另一个文件的超链接。”值得当心的是，不应该让HTML来敷陈我们：“这些笔墨是蓝色的，这些笔墨又是血色的。这部分内容是最最靠右的一栏，这行内容是斜体字。”这些和浮现干系的信息是CSS的事情。在做前端启迪的时辰要记着：HTML敷陈我们一块内容是什么（或其意义），而不是它长的什么样子。当我们提到“语义标记”的时辰，我们所说的HTML应该是完全脱离浮现信息的，其中的标签应该都是语义化地定义了文档的机关。
语义化的HTML机关着实很简略，首先驾驭html中各个标签的语义，<div>是一个容器；<strong>是流露表现夸大；<ul><li>是一个无序列表等等…在看到内容的时辰想想用什么标签能更好的形貌它，是什么就用什么标签。
语义化的HTML机关到底有什么所长？
我们知道HTML5新增的标签，比如<header>和<footer>，html正在朝着越发壮实的语义化的HTML机关成长，xhtml2在这点上没html5前辈，这也是xhtml2殒命的一个缘故起因，这一点也说了然语义化的HTML机关是html的成长趋势。
1.去掉落或样式丢掉的时辰能让页面泛起清楚的机关：
html自己是没有浮现的，我们看到比方<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要以为这是html的浮现，这些着实html默认的css样式在起浸染，以是去掉落或样式丢掉的时辰能让页面泛起清楚的机关不是语义化的HTML机关的所长，然则访谒器都有有默认样式，默认样式的目的也是为了更好的表达html的语义，可以说访谒器的默认样式和语义化的HTML机关是不成豆割的。
2.屏幕阅读器（若是访客有视障）会完全根据你的标记来“读”你的网页.
比方,若是你哄骗的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完备发音.
3.PDA、手机等设置装备摆设梗概无法像平常电脑的访谒器一样来衬着网页（往往是由于这些设置装备摆设对CSS的撑持较弱）.
哄骗语义标记可以确保这些设置装备摆设以一种存心义的要领来衬着网页.理想情况下,寓目设置装备摆设的任务是相符设置装备摆设自己的前提来衬着网页.
语义标记为设置装备摆设提供了所需的干系信息,就省去了你自己去思量全数梗概的表现情况（包孕现有的大概将来新的设置装备摆设）.比方,一部手机可以选择使一段标记了标题问题的笔墨以粗体表现.而掌上电脑梗概会以角力计较大的字体来表现.无论哪种要领一旦你对文本标记为标题问题,您就可以确信读取设置装备摆设将根据其自身的前提来符合地表现页面.
4.搜索引擎的爬虫也依赖于标记来确定上下文和各个环节字的权重.
已往你梗概还没有思量搜索引擎的爬虫也是网站的“访客”,但现在它们他们实际上是极其宝贵的用户.没有他们的话,搜索引擎将无法索引你的网站,然后一样平时用户将很忧伤来访谒.
5.你的页面是否对爬虫随意马虎清楚极端垂危,由于爬虫很大程度上会纰漏用于浮现的标记,而只垂青语义标记.
是以,若是页面文件的标题问题被标记,而不是,那么这个页面在搜索结果的位置梗概会角力计较靠后.除了汲引易用性外,语义标记有利于准确哄骗CSS和javascript,由于其自己提供了很多“钩钩”来应用页面的样式与举动.
SEO垂危还是靠你网站的内容和外部链接的。
6.便于团队启迪和维护
W3C给我们定了一个很好的标准，在团队中大家都遵照这个标准，可以削减很多差异化的器材，利便启迪和维护，进步启迪屈从，乃至 实现模块化启迪。
