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

时间 2019-11-10

标签所不知道 html5 html 那些栏目 HTML5 繁體版

原文原文链接

文章简介：关于html5相信你们早已经耳熟能详，可是他真正的意义在具体的开发中会有什么做用呢？相对于html，他又有怎样的新的定义与新理念在里面呢？为何一些专家认为html5彻底完成后，全部的工做均可以达到真正的云方式呢？这一系列的问题你是否已经想明白了呢？本系列文章将为您一一解答你所不知道的关于html5与html中的那些事;具体会包括如：html5新的理念与想法，html5的新标签的用意与具体开发中场景应用，html5与css3的感情经历（用法搭配），包括html5的父亲html的一些小隐私（您在开发中可能不知道的事）;回到今天的正题今天这篇文章主要讲到的您可能不知道的事有：1)html页面基本结构中您所没有注意到的内容有那些?2)html5中最看重的理念“语义化”相比html有什么区别？3)网页文件的命名您想到过会影响您网站的体验么？
第一个问题： html页面基本结构中您所没有注意到的内容有那些?
下面咱们看一个标准的html页面代码
这个是个最基本的html页面了，你也许一看感受熟悉的不能在熟悉了，还有什么是我不知道的呢？若是下面我说的几点您都知道那就证实您真的用心研究过 html与浏览器了;第一点： <!DOCTYPE html>这个标签的用法，也许您发现一个html页面您不写这个标签也是正确的，为何还要加上他呢？用途是什么呢？其实它的用途是一、告诉浏览器这个文件是html文件；二、告诉浏览器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>标签的用法；也许还会有一些你所不知道的好玩的小问题，帮您解答；感谢您的阅读，期待下次与您见面；css

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

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

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

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

4.让你和原创做者成为很好的朋友，拓展本身的人脉资源浏览器

扫一扫下方二维码或搜索微信号coder_online便可关注,咱们能够在线交流。微信

转载请注明出处：http://www.cnblogs.com/qiugc846717529/p/4374976.html微信公众平台