文章简介:
关于html5相信大家早已经耳熟能详,但是他真正的意义在具体的开发中会有什么作用呢?相对于html,他又有怎样的新的定义与新理念在里面呢?为什么一些专家认为html5完全完成后,所有的工作都可以达到真正的云方式呢?这一系列的问题你是否已经想明白了呢?
本系列文章将为您一一解答你所不知道的关于html5与html中的那些事;具体会包括如:html5新的理念与想法,html5的新标签的用意与具体开发中场景应用,html5与css3的感情经历(用法搭配),包括html5的父亲html的一些小隐私(您在开发中可能不知道的事);
回到今天的正题
今天这篇文章主要讲到的您可能不知道的事有:
2)html5中最看重的理念“语义化”相比html有什么区别?
3)网页文件的命名您想到过会影响您网站的体验么?
第一个问题:
这个是个最基本的html页面了,你也许一看感觉熟悉的不能在熟悉了,还有什么是我不知道的呢?
如果下面我说的几点您都知道那就证明您真的用心研究过html与浏览器了;
第一点:
2、告诉浏览器html的版本,
这个标签的写法标准的就是我上面写的,当然您可以小写浏览器不会出错,但是标准就是大写可以说整个html
小编认为越是宽松的规则开发人员就应该越按照标准来;
第二点:
其实它就是告诉浏览器我这个页面是什么语言的,注意是语言不是编码格式哦,您是否见过下面的场景:
浏览器都有这个功能的;
第三点:
<head>标签中其实都是用户不可见的东西,他所包含的东西都是给浏览器或是搜索引擎用的,但是除了<title>标签,他是用户在head中唯一可以看到的标签,说到title就先说他吧,给我们感觉好像就是一个页面名字一样可以显示在浏览器的tag栏中;其实它对于浏览器来或是搜索引擎来说功能还是非常大的;
下面是Meta标签的charset属性.这个大家应该都知道是告诉浏览器我们的文件的编码字符集,但是需要我们注意的是这个字符集与你所用的开发工具字符集是不是对应的?如果不对应可能会出现乱码的这个问题小编就遇到过,费
了好大的劲才找到这个问题
第二个问题:
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的关系更和谐;
第三个问题:
网页文件的命名你想到过会影响你网站的体验么?
正确的答案确实是:是的
下面我就说一下有如下几点是需要我们注意的:
1,文件名需要用小写字母:
场景就是最简单的输入地址吧,你认为写
方便还是写 http://192.168.0.1/testhtml/the-first/html5.html方便呢?
这个自己体会吧
2,用短横线分隔单词;
大家一定会认为,用"_"挺好,其实这是做c开发时候的写法,也可以说是习惯,但是在网站中“-”是搜索引擎更喜欢的style;
3,使用标准的扩展名:
现在用好多的网站都是用.htm的扩展名,这个浏览器也不会报错,但是标准的扩展名就是.html的所以大家以后写的时候就不要省时间少写一个字母“l”了;
今天讲了一些平时我要经常见到,但是不会去注意的地方(只是冰山一角),不知道对读到这篇文章的您有什么帮助没有?
感谢您的阅读,期待下次与您见面;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。