一周学习回顾1（入门XHTML，以及一些学习心得）

2019独角兽企业重金招聘Python工程师标准>>>

    这周正式开始学习HTML了，因为之前有过一些编程基础，所以感觉上手起来还是比较容易懂，一些陌生标记即使没学过，但也能勉强看懂。这里要说一下题外话：我觉得容错性这个功能不是太好，即不利于自己的学习，也不利于别人去阅读你的代码。代码的编写就应该具有严谨性，规范性，如果都给容错了，那么以后开发者自己慢慢会养成一种不良的习惯，这是很不好的。

  好了，说了这么多废话，还是回顾一下上节课所学的内容吧：

                                     XHTML的一些基本标记(1)：

1. <h1-6></h1-6>标记：标题，从1到6重要性依次递减，字体大小依次递减；
2. <p></p>标记：段落标记，字符串结束后自动换行；
3. <blockquote></blockquote>:引用文本块，作用是使文本块缩进。主要是起到一个排版的作用；
4. <label></label>：普通的字符（串）标记，字符串结束后不会自动换行；
5. <ol></ol>:定义一个有序列表，列表元素用<li></li>标记；元素之前会自动加上1.2.3.等标识，这就是有序的含义；
6. <ul></ul>:定义一个无序列表，列表元素用<li></li>标记；元素之前会自动加上“·”标识符，这就是无序的含义；
7. <dl></dl>:定义一个自定义列表，列表元素用<li></li>标记；元素之前不会有任何标识，需要自己添加列表元素的标识；
8. <pre></pre>:预编排标记，在这个标记之间的文本的输出格式会完全按照源文件的编排格式输出，比如说多个空格，换行等等；
9. <a>描述文本</a>:创建超链接，示例：<a href="www.baidu.com">百度一下</a>;<a href="ftp://202.121.22.2/ent/rou.rar">一个下载链接示范</a>； <a href="../../../roll.txt">本地文件</a>；
   
10. <img>:插入图像；示例：<img src="图片路径" alt=“图片加载失败后文字显示”>
11. <table border=""></table>:输入表格，border为指定表格边框；<tr></tr>(定义行数)；<th></th>、<td></td>（定义行内元素的个数，也就是列数），colspan和rowspan，分别定义某一表格内单元所占行列数大小，列：<td colspan="2" rowspan="3">text</td>,表示此列text元素占了2列长度和3行宽度；
12. <iframe></iframe>:在页面中嵌入其他页面；示例：<iframe src="URL" width="" height="" scrolling="yes/no/auto" frameborder="0/1" name="框架名称" ></iframe>;定义src属性链接，长、宽，滚动条有无和自动；边框有无，框架名；

                                          一些常用实体符号(1)

1. &nbsp，空格符
2. &lt，    <
3. &gt,     >
4. &copy  版权符号
5. &reg   已注册符号
6. amp    and符号&
7. #151  长破折符号

    最后，想简单说说关于语义化的问题。。由于刚接触不久，对其理解还是很浅显的，不过还是比较认同陈老师的观点，就是语义化更能规范一些程序的结构，也便于搜索引擎搜索。

    很多标签都能够完成同一个任务，比如说用”label“来代替"h1-6",只需要对字体设置就可以了。只不过这样的话，虽然在网页的表现形式上是一样的，但源代码中就难以体现哪里是文章标题，哪里是文章的主体内容等。。程序员在做端口的表现形式时，同样也应该兼顾到源代码的表现形式，这样才能让别人能够理解你的代码。

转载于:https://my.oschina.net/0335807/blog/135122