首页 > 代码库 > 学习笔记
学习笔记
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> 超链接打开新窗口而不是覆盖原有网页。
学习笔记