标签语义化对 SEO 来说有多重要

语义化的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给我们定了一个很好的标准，在团队中大家都遵循这个标准，可以减少很多差异化的东西，方便开发和维护，提高开发效率，甚至 实现模块化开发。

如有不同观点，补充，欢迎留言讨论。

1.QQ：实现网上即时交流、目前占中国市场份额最大的一款在线即时通讯软件。

2.MP3：MP3是一种音频压缩技术，常接触的MP3音乐和MP3播放器就基于此技术。

3.小说：用人物、故事、环境等艺术地反映生活的一种文学体裁，网上快速化、娱乐化读物的首选。

4.电影：随着网络技术的发展，网上影院速度快、少缓冲，让网友不用到电影院就可欣赏大片。

5.游戏：作为放松和消遣活动，古已有之，近年来互动性和模拟性极强的电子游戏受到追捧。

6.迅雷：中国互联网最流行的多媒体下载服务软件之一。

7.NBA：全美职业篮球联赛的缩写，因其专业和精彩获得球迷青睐。

8.手机：即移动电话，今天的手机除了通话，还具有短信、上网、PDA、游戏机、MP3、照相机、摄影、录音、GPS等功能，给人们的生活带来极大方便。

9.音乐：表达人们生活体验、思想情怀的乐音艺术，科技和网络的发展使其成为人们最亲密的娱乐放松方式。

10.跑跑卡丁车：一款添加了漂移键Shift的休闲类赛车竞速游戏，角色用了泡泡堂中的人物。

11.劲舞团：一款舞蹈类音乐休闲网游，其可爱的3D人物、劲爆的歌曲、搭配时尚的装饰品吸引了众多玩家的视线。

12.图片：用视觉冲击，形象表达人们的想法，随科技和网络发展成为下载和共享最多的网上资源之一。

13.汽车：定义为“由动力驱动，具有四个或四个以上车轮的非轨道承载的车辆”的汽车，如今已成私家消费时尚。

14.笑话：当你因为一句话或一件事开心一笑时，心中就有了笑话的定义。重压之下的现代人尤其需要。

15.BT：作为缩写有多个词义，但通常指一个文件分发协议，因支持大量下载者同时下载而受到网友推崇。

16.美女：不同人对美女定义也许不同，相同的一点是美女都有令人舒服的气质，让人心生美好之感。

17.PPlive：一款免费网上视频直播软件，同时使用用户越多播放越流畅。

18.壁纸：原来指扮靓家居墙壁的材料，如今指网友用来扮靓电脑桌面的、可被网络共享的图片资源。

19.土豆网：在中国推出比较早的一款供网友发布和共享影像音频的网站。

20.泡泡堂：一款家庭休闲网络游戏，卡通人物、道具、表情丰富，游戏内容绿色健康，一直深受广大玩家支持。

21.Flash：美国Macromedia公司所设计的一种二维动画软件。Flash创作的网页既漂亮又动感，深受网友喜爱。

22.《火影忍者》：疯狂的热血青年，神秘的忍术，灿烂如樱花般的珍贵友情，令其成为现今最受欢迎的动漫作品之一。

23.酷狗：KuGoo是国内比较大比较专业的P2P音乐共享软件，拥有超过数亿的共享文件资料，深受全球用户喜爱。

24.周杰伦：台湾歌手，绰号“周董”，精通钢琴、词曲创作，是近5年来影响华语音乐最深的新音乐人之一。

25.《梦幻西游》：以神话题材《西游记》为背景，采用最流行的Q版风格打造出来的浪漫型网游。

26.瑞星：中国最早的比较知名的计算机反病毒产品、网络安全产品和反“黑客”防治产品企业，其开发的软件产品在中国有众多用户。

27.网易：主要业务为在线游戏，同时提供内容、社区和电子商务等服务的国内领先互联网技术公司之一。

28.校内网：受广大学生追捧的，能展示自己、结识朋友、找到老同学等的校园SNS社区。

29.星座：这里的星座绝非天文学用语，更多指星座测试和占卜，现代人对此的态度则是娱乐大于科学。

30.《热血江湖》：一款根据韩国同名超人气武侠漫画改编的网络游戏，因其明亮而快乐的武侠情节吸引了众多中国玩家。

31.天气预报：此项服务在网上的快速发展，让其成为人们日常生活、节假日安排、穿衣等不可或缺的指南。

32.MSN：备受办公环境人群青睐的一款微软推出的个人网络即时通讯工具。

33.《连连看》：从桌面游戏到在线游戏到社交游戏，连连看均以“找出相同的两样东西，连接即可消除”的简单规则出现，备受以MM为主体的细心玩家的青睐。

34.《魇兽世界》：著名的游戏公司暴雪娱乐面向全球推出的第一款网络游戏，精灵、矮人、兽人等北欧神话元素，大型多人在线角色扮演，让许多网友迷恋！

35.李字春：2005年度超级女声总冠军，中性嗓音和形象备受关注，其粉丝“玉米”至今有增无减。

36.歌曲：表达情感、抚慰情绪的声乐艺术，网络的广泛传播，让听歌曲成为人们最喜欢的放松方式之一。

37.基金：通常指证券投资基金，通俗讲就是无精力、无专业知识、钱也不算多的几个人合伙，雇一个投资高手对这些钱进行证券投资，利益共享、风险共担。

38.起点：致力于原创文学的网站，目前已成为国内最大文学阅读与写作平台之一。

39.电驴：一个点对点（P2P）的交换数据的下载软件，因为其资源众多，现在许多网友用于下载电影大片。

40.《诛仙》：被网友追捧的一部网络古典仙侠小说，根据其开发的网游和电视剧也备受欢迎。

41.言情小说：以男女情爱为中心的一种小说体裁，借助网络平台的影响，风格多样的原创言情近几年掀起青春文学的热浪。

42.列车时刻表：由于网上列车时刻表信息更新快、查询方便，查询列车时刻表已成为人们出门乘车前的习惯行为。

43.网络电视：又称IPTV，将电视机、个人电脑等显示终端接人宽带网络，其数字、互动等特性让人们按需观看、随看随停，从而备受欢迎。

44.淘宝：跨越C2c（个人对个人）、B2（：（商家对个人）的个人交易网上平台，由阿里巴巴公司投资创办。

45.千千静听：一款免费的支持多种音频格式的纯音频媒体播放软件，小、巧精致、操作简捷、功能强大，深得用户喜爱。

46.卡巴斯基：卡巴斯基是俄罗斯民用最多的杀毒软件，近几年受到国内用户的关注。

47.优酷：国内网络视频分享网站，因播放、发布、搜索等速度快而逐渐被国内用户推崇。

48.《征途》：大型多人在线角色扮演类免费网络游戏。装备系统是网友认为其有特色的地方之一。

49.MTV：音乐电视，也等同于我们一般提到的MV，MusicVideo（音乐录影带）。好的歌曲配以精美的画面，出现在网上当然也备受欢迎。

50.中国移动：国内最大的通信运营公司，网络规模和客户规模均为全球前列。拥有“全球通”、“神州行”、“动感地带”三大服务品牌。

1. 陈冠希：香港演员，他与当地多名女明星的不雅照片曝光，在中国内地引起轰动。

2. 奥运会开幕式。

3. 四川地震：中国三十年来最严重的自然灾害。

4. 不合格奶粉名单：了解到多个品牌的奶粉掺加了有毒化工原料三聚氰胺的消息后，人们纷纷上网搜索这一名单。

5. 艳照门：陈冠希不雅照丑闻的通称。

6. 画皮：改编自中国传统名著的一部热播电影，讲述一个吃人女鬼的故事。

7. 赤裸特工f.b.i.：一名上海女白领的 名；她在Myspace博客上发布了自己的多张裸照。

8. 国足欢迎你：网友翻唱奥运歌曲《北京欢迎你》，讽刺备受谴责的中国国家足球队。

9. 刘翔退赛：中国著名跨栏运动员刘翔退出奥运会比赛，让全国人深感惋惜。

10. 神七：中国首次太空行走。

美女 电视剧 游戏 流行金曲 小说 人物 IT品牌 数码产品 体育热点 高校 汽车 风景名胜 男歌手 女歌手 娱乐男明星 女明星 电视节目 软件 富豪 帅哥 动漫卡通 宠物 畅销书 电影

最热门 游戏 软件 影视剧 旅游景点 高校 IT产品 动漫卡通 汽车 上升最快 歌手 热门金曲

魅力男星 魅力女星 图片排行榜

新闻媒体 科学技术 卫生健康 经济/金融 教育培训 大学 考试 政法/军事 体育/休闲 公司/品牌 软件产品 产品类别 社会文化 娱乐休闲 人物/明星 影视剧 电脑游戏 热门词/字 热门网站 地名/地域 机关/机构 文章/写作 文学/作品 汽车及品牌 流行歌手 影视明星 体育明星 旅游景点 时尚视点 热门歌曲

美女 帅哥 流行歌曲 电影 汽车 歌手 小说 人物 地名 软件产品 游戏 大学 热门产品 财富

体育名词 旅游胜地 FLASH 数码产品 卡通 教育考试 知名企业

Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah, Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Bo Peep Bo Peep Ah Ah!

测不头（几儿）土满杂古不里勾

大len撒拉瓜一nia勾按西哈嫩那

一怎那诶给几求大勾马拉嫩nou

花走内几（马儿）拉勾Bo Peep

Bo Peep Bo Peep Bo Peep Ah!

nou木nou木那杂kei den内嘎

那den没那den没那den没biu内搜

那（了儿）nou木撒浪黑den内嘎

几个某丝几个某丝本

Follow me Follow me 那（了儿）大拉Follow me

那嫩内嘎那内嘎那nou木走恩（勾儿）

I'm so sorry , not amazing

话内几马杂屋搜做一贼可满话扑楼

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah, Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Bo Peep Bo Peep Ah Ah!

1,2,3,4,5...

bou勾西大勾杂古满怎话黑搜勾

（巴儿）里哦拉勾贼凑满杂古哈嫩那

一len内嘎nou木几gie大勾吗拉嫩nou

话走内几吗拉做Bo Peep

Bo Peep Bo Peep Bo Peep Ah!

韩孙干bou谬屋搜den内嘎

那den没那den没那den没biu内搜

内吗（了儿）大巴大组den内嘎

Follow me Follow me 那（了儿）大拉Follow me

那嫩内嘎那内嘎那nou木走恩（勾儿）

I'm so sorry , not amazing

话内几马杂屋搜做一贼可满话扑楼

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah, Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Bo Peep Bo Peep Ah Ah!

一len那诶某丝比（呢儿)hi(得儿)给（哈儿）组len（某儿）拉搜

大西楼就大勾哈几吗屋里哦都kei都

Follow me Follow me 那（了儿）大拉Follow me

那嫩内嘎那内嘎那nou木走恩（勾儿）

I'm so sorry , not amazing

话内几马杂屋搜做一贼可满话扑楼

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah, Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Peep Bo Peep Bo Peep Bo Peep Ah!

Bo Peep Bo Peep Bo Peep Bo Peep

Bo Bo Peep Bo Peep Ah Ah!

---