文档章节

你所不知道的Html5那些事(一)

lonely1986
 lonely1986
发布于 2015/03/31 11:16
字数 2145
阅读 439
收藏 10

文章简介:      关 于html5相信大家早已经耳熟能详,但是他真正的意义在具体的开发中会有什么作用呢?相对于html,他又有怎样的新的定义与新理念在里面呢?为什么一 些专家认为html5完全完成后,所有的工作都可以达到真正的云方式呢?这一系列的问题你是否已经想明白了呢?      本系列文章将为您一一解答你所不知道的关于html5与html中的那些事;具体会包括如:html5新的理念与想法,html5的新标签的用意与具体开 发中场景应用,html5与css3的感情经历(用法搭配),包括html5的父亲html的一些小隐私(您在开发中可能不知道的事);回到今天的正题今天这篇文章主要讲到的您可能不知道的事有:1)html页面基本结构中您所没有注意到的内容有那些?2)html5中最看重的理念“语义化”相比html有什么区别?3)网页文件的命名您想到过会影响您网站的体验么?
第一个问题:     html页面基本结构中您所没有注意到的内容有那些?
     下面我们看一个标准的html页面代码
这 个是个最基本的html页面了,你也许一看感觉熟悉的不能在熟悉了,还有什么是我不知道的呢?如果下面我说的几点您都知道那就证明您真的用心研究过 html与浏览器了;第一点:     <!DOCTYPE html>这个标签的用法,也许您发现一个html页面您不写这个标签也是正确的,为什么还要加上他呢?用途是什么呢?其实它的用途是      1、告诉浏览器这个文件是html文件;      2、告诉浏览器html的版本,    这个标签的写法标准的就是我上面写的,当然您可以小写浏览器不会出错,但是标准就是大写可以说整个html标签就这个doctype标签标准是大写其余的 标准都是小写;当然您也可以不按标准来毕竟html规则相对宽松;小编认为越是宽松的规则开发人员就应该越按照标准来;ps:html5中一定要有这个标 签哦,具体的原因在后续的文章中会详解关于改进后的HTML5DOCTYPE;第二点:    <html> 这个标签中的lang属性,在一些页面中并没有这个属性,那么它又是干什么的呢?其实它就是告诉浏览器我这个页面是什么语言的,注意是语言不是编码格式 哦,您是否见过下面的场景:浏览器提示“检测到当前页面为英文是否翻译为中文  ”这个就是因为这个属性造成的,目前不是所以的浏览器都有这个功能的;
第 三点:<head>标签中其实都是用户不可见的东西,他所包含的东西都是给浏览器或是搜索引擎用的,但是除了<title>标 签,他是用户在head中唯一可以看到的标签,说到title就先说他吧,给我们感觉好像就是一个页面名字一样可以显示在浏览器的tag栏中;其实它对于 浏览器来或是搜索引擎来说功能还是非常大的;       1,对浏览器来说title是书签或是收藏夹默认的名称(一般来说 ,也有例外)       2,对搜索引擎来说,他是搜索页面的最优先关键字哦;下面是meta标签的charset属性.这个大家应该都知道是告诉浏览器我们的文件的编码字符 集,但是需要我们注意的是这个字符集与你所用的开发工具字符集是不是对应的?如果不对应可能会出现乱码的这个问题小编就遇到过,费了好大的劲才找到这个问题       haed中其它的一些标签我们在之后的文章中会一个一个的说明今天就说这两个吧;第二个问题:
        html5中最看重的理念“语义化”相比html有什么区别?      语义化这个概念应该说是伴着html5应运而生,什么是html5 中的所的语义化?简单来说就是"描述内容的含义(meaning)"比 如说<p>标签就是段落的意思,在html5中所有的标签都有它看书的语义的。而没有语义的标签在html中有,在html5中就没有了;比 如<font>标签;而html5又为了补充html现在的不足加上一些新的标签如article,footer,header等等;      而些标签的分类叫法也从“块级元素”与“行内元素”变成了“外围内容”与“短语内容”      在html5中最基本的理念就是语义与显示分离,html代码中出现的标签都让开发人员或浏览器一看就知道是干什么用的东西,至于显示效果那是 ccs3(Cascading Style Sheet)需要干的事情,所以在html5中这个两个好基友终于距离产生了美;      那么语义化以后对html文档有什么好处么?      1.可以提升可访问性与互操作性(兼容性会更好)      2.改进搜索引擎的优化      3.一般来说可以让 html文件更小;      4.让代码更好唯护,与css3的关系更和谐;
第三个问题:网页文件的命名你想到过会影响你网站的体验么?
这 个一听第一感觉就是不靠谱,一个文件的名字还会影响到网站的体验?正确的答案确实是:是的如 :文件名:Html_First_Blog.htm 与html-first-blog.html这个两个文件名不管是在用户的体验上与搜索引擎上都第二个完胜第一个。是不是有人会问为什么 ??下面我就说一下有如下几点是需要我们注意的: 1,文件名需要用小写字母:       场景就是最简单的输入地址吧,你认为写                           http://192.168.0.1/TestHtml/The_First/Html5.html      方便还是写    http://192.168.0.1/testhtml/the-first/html5.html方便呢?      这个自己体会吧2,用短横线分隔单词;     大家一定会认为,用"_"挺好,其实这是做c开发时候的写法,也可以说是习惯,但是在网站中“-”是搜索引擎更喜欢的style;
3,使用标准的扩展名:     现在用好多的网站都是用.htm的扩展名,这个浏览器也不会报错,但是标准的扩展名就是.html的所以大家以后写的时候就不要省时间少写一个字母“l”了;记 住以上几点才正确的写网页文件的命名方法哦,不要把写其它语言的方法放进来。今天讲了一些平时我要经常见到,但是不会去注意的地方(只是冰山一角),不知 道对读到这篇文章的您有什么帮助没有?其实这些细节平时如果不关注也许也不会出什么大的错误,但是一个好的开发人员需要有一个好的习惯,一款好的软件需要 用良好的细节体验,一个好的网站同样也需要更好规范与细节(您说呢?)下次文章我们会讲一些关于网站制作的小巧门与html的<h>标签的用 法;也许还会有一些你所不知道的好玩的小问题,帮您解答;感谢您的阅读,期待下次与您见面;

第一时间获得博客更新提醒,以及更多技术信息分享,欢迎关注个人微信公众平台:程序员互动联盟(coder_online)

1.直接帮你解答Html5上面的疑问

2.第一时间获得业内十多个领域技术文章

3.针对文章内疑点提出问题,第一时间回复你,帮你耐心解答

4.让你和原创作者成为很好的朋友,拓展自己的人脉资源

扫一扫下方二维码或搜索微信号coder_online即可关注,我们可以在线交流。

转载请注明出处:http://www.cnblogs.com/qiugc846717529/p/4374976.html


本文转载自:

共有 人打赏支持
lonely1986
粉丝 110
博文 34
码字总数 8686
作品 0
海淀
私信 提问
加载中

评论(1)

东辉在线
东辉在线
不错
你所不知道的html5与html中的那些事(四)——文本标签

文章简介: 关于html5相信大家早已经耳熟能详,但是他真正的意义在具体的开发中会有什么作用呢?相对于html,他又有怎样的新的定义与新理念在里面呢?为什么一些专家认为html5完全完成后,所...

qiugc
2015/04/19
0
1
深入理解html5系列-文本标签

文章简介: 关于html5相信大家早已经耳熟能详,但是他真正的意义在具体的开发中会有什么作用呢?相对于html,他又有怎样的新的定义与新理念在里面呢?为什么一些专家认为html5完全完成后,所...

东辉在线
2015/04/20
0
0
HTML5(目前)无法帮你实现的五件事

一直以来,很多人都专注于HTML5能够实现什么(或者是如何将各种方法连接起来,实现一个更加优雅的解决方案)。而现在,也不少人想将目光投向那些HTML5无法实现的事情。MSDN上微软员工thebeeb...

虫虫
2011/12/12
3.8K
22
关于HTML5应用现状与前景的思考

现在的 HTML5 就像当年崭露头角时的 Ajax,有人在做,但不知道叫它什么。最近,苹果在 HTML5 上大做文章,而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 ...

红薯
2010/06/20
749
1
HTML5 的未来 - HTML5 还能走多远?

日期:2013-1-18 来源:GBin1.com 还记得现在就开始使用HTML5的十大原因吗?HTML5目前仍旧是讨论的焦点,在今天的这篇文章中,我们将讨论HTML5可能的未来。 HTML5 的问世引发了网络开发者们的...

gbin1
2013/01/21
7K
40

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周二乱弹 —— 其实我在地板也睡不着

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @witt-z :分享歌词: 阴天 在不开灯的房间,当所有思绪都一点一点沉淀。 分享莫文蔚的单曲《阴天》: 《阴天》- 莫文蔚 手机党少年们想听歌,...

小小编辑
27分钟前
28
3
微服务分布式事务实现

https://www.processon.com/view/link/5b2144d7e4b001a14d3d2d30

WALK_MAN
今天
3
0
《大漠烟尘》读书笔记及读后感文章3700字

《大漠烟尘》读书笔记及读后感文章3700字: 在这个浮躁的社会里,你有多久没有好好读完一本书了? 我们总觉得自己和别人不一样,所以当看到别人身上的问题时,很少有“反求诸己”,反思自己。...

原创小博客
今天
4
0
大数据教程(9.5)用MR实现sql中的jion逻辑

上一篇博客讲解了使用jar -jar的方式来运行提交MR程序,以及通过修改YarnRunner的源码来实现MR的windows开发环境提交到集群的方式。本篇博主将分享sql中常见的join操作。 一、需求 订单数据表...

em_aaron
今天
3
0
十万个为什么之什么是resultful规范

起源 越来越多的人开始意识到,网站即软件,而且是一种新型的软件。这种"互联网软件"采用客户端/服务器模式,建立在分布式体系上,通过互联网通信,具有高延时(high latency)、高并发等特点...

尾生
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部