首页 > 代码库 > 学习笔记

学习笔记

1、html标签:左右所有html中标签对策一个根节点。

2、head标签:作用:用于存放:title,meta,base,style,script,link 注意在head标签中我们必须要设置的标签是title

3、title标签:作用:让网页拥有一个属于自己得标题。 4、bady标签:作用:页面在的主体部分,用于存放所有的html标签:p,h,a,u,i,s,em,del,ins,strong,img

在HTML页面中,带有“<>”符号的元素被称为HTML标签,如上面提到的<html>、<head>、<body>都是HTML标签。

所谓标签就是放在“<>”标签符中表示某个功能的编码命令,也称为HTML标签或HTML元素

标签关系分为两种

1  嵌套关系

2  并列关系

从<h1>、<h2>、<h3>、<h4>、<h5>、<h6>重要性递减,注意:h1标签因为重要,尽量少用,不要动不动就向你扔了一个h1。一般h1都是给logo使用。

水平线标签 在网页中常常看到一些水平线将段落于线段之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单的通过标签来完成,,就是创建横跨网页水平线的标签。

                                  文本格式化标签               

          标签                                                      显示效果

<b></b><strong></strong>            文本以粗体的方式显示(XHTML推荐使用strong)

<i></i><em></em>                          文本以斜体的方式显示(XHTML推荐使用em)

<s></s><del></del>                         文本以加删除线的方式显示(XHTML推荐使用del)

<u></u><ins></ins>                         文本以加下划线的方式显示(XHTML不赞成使用u)

XHTML:可扩展超文本标记语言,英文名Extensible Hyper Text Markup Language,表现形式与HTML类似,不过语法上更加严格,是一种置标语言。

命名规范

文件名和目录名规范:

1 、名称全部用小写英文字母、数字、下划线的组合,其中不得不含汉字、空格和特殊字符;必须以英文字母开头。                                 

2、 很多浏览器会将含有这些词的作为广告拦截:ad、ads、adv、banner、sponsor、gg、guangg、guanggao等。页面中尽量避免采用以上词汇来命名。

 

语义化:       语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解. 语义化的(X)HTML文档有助于提升你的网站对访客的易用性,比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说,则有助于它们建立索引,并可能给予一个较高的权值。 事实上SEO最有效的一种办法,就是对网页的HTML结构进行重构,实质上就是语义化。

渐进增强 progressive enhancement:      

      针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级 graceful degradation:

      一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

区别:      

优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带。

 

WHATWG组织      

网页超文本应用技术工作小组是一个以推动网络HTML 5 标准为目的而成立的组织。在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成。

历史 :      

      WHATWG成立的原因是W3C意图放弃HTML,而力图发展XML(可扩展标记记语言下的一个子集)技术。WHATWG邮件列表公布于2004-6-4 , 在Opera–Mozilla宣布加入后的2天 便否决了由万维网联盟(W3C)成员在W3C工作室的Web标准 2007-7-10 , Mozilla Foundation, Apple, Opera Software 建议 W3C跟随WHATWG’的HTML5,将新的HTML(标准通用标记语言下的一个应用)命名为"HTML5".2007-4-7, 新的HTML工作组采纳了他们的建议。

<a href="http://www.mamicode.com/#" target="_blank">点击跳转</a>     超链接打开新窗口而不是覆盖原有网页。

学习笔记