XHTML - Super Cool!

今天试着用 XHTML 写了一个 hello, world 级别的简单页面。感觉味道好极了!

我是初次接触 XHTML,现在对它的认识是:它可被看做一种 较高级的 web 页面开发模式,规范,高效。

我所使用的 DTD 是 XHTML 1.0 Transitional,所以,很多以前的 HTML 3.x/4.x 标签和属性还能继续使用。真正写起页面来,并没有多大陌生感。使用 Dreamweaver MX 2004 来做代码编辑器,更是减少了范错几率。

一点体会:

Web 重在呈现内容,呈现内容则重在排版。我过去总是用 table 标签来排,很规整,并且感觉严谨。而 XHTML 的开发模式中,使用 div 来排版,一个个层可以随意的绝对定位,相当自由。看上去,和使用 table 相比,页面代码简洁清晰了很多倍!我再看那密密麻麻的 tr、td 时已经觉得难闻了……

CSS 变得更加重要。我以前写页面,CSS 的作用仅仅是规定一下字体,至多再设置一下“平面文本框/按钮”。排版中最重要的“位置”,都是用 table 来写,<td width="20%" align="center"... 位置是固定的方方块块,不能交叉和覆盖;而用 XHTML 来写,div 的位置全部通过 CSS 来确定,position: absolute; left: 20%; top: 40px;... 相对于 table,div 可以出现在任何位置(想起了我大一时第一次用 DW 2.0,把 layer 到处拖~)因此自然能构造比 table 复杂数倍的版面,而代码却异常的少。独立的 CSS 文件可被缓存,整个页面的 size 也就小了。

显然 XHTML 的内涵是丰富的,不过,就入门来讲,只需要注意下面这些要点,就能比较快的从 HTML 转过来(当然,HTML 你也要熟悉先):

1. 所有标签都必须用小写字母,<div>, not <DIV>

2. 标签必须成对:有开始和闭合:<div>...</div>,HTML 中的单个标签,如 <br>、<img> 就需要写成 <br />、<img />。

3. 属性值必须写在双引号中,如 <div id="SomeDiv" />

4. 标签不能交叉嵌套。

5. “&”符号必须用实体“&amp;”替换。

6. “Well-formed document”。

XHTML 的 DTD,写在页首:
code:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
相关推荐
<p style="text-align:left;"> <span> </span> </p> <p class="ql-long-24357476" style="font-size:11pt;color:#494949;"> <span style="font-family:"color:#E53333;font-size:14px;background-color:#FFFFFF;line-height:24px;"><span style="line-height:24px;">限时福利1:</span></span><span style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;">购课进答疑群专享柳峰(刘运强)老师答疑服务。</span> </p> <p> <br /> </p> <p class="ql-long-24357476"> <strong><span style="color:#337FE5;font-size:14px;">为什么说每一个程序员都应该学习MySQL?</span></strong> </p> <p class="ql-long-24357476"> <span style="font-size:14px;">根据《2019-2020年中国开发者调查报告》显示,超83%的开发者都在使用MySQL数据库。</span> </p> <p class="ql-long-24357476"> <img src="https://img-bss.csdn.net/202003301212574051.png" alt="" /> </p> <p class="ql-long-24357476"> <span style="font-size:14px;">使用量大同时,掌握MySQL早已是运维、DBA的必备技能,甚至部分IT开发岗位也要求对数据库使用和原理有深入的了解和掌握。</span><br /> <br /> <span style="font-size:14px;">学习编程,你可能会犹豫选择 C++ 还是 Java;入门数据科学,你可能会纠结于选择 Python 还是 R;但无论如何, MySQL 都是 IT 从业人员不可或缺的技能!</span> </p> <span></span> <p> <br /> </p> <p> <span> </span> </p> <h3 class="ql-long-26664262"> <p style="font-size:12pt;"> <strong class="ql-author-26664262 ql-size-14"><span style="font-size:14px;color:#337FE5;">【课程设计】</span></strong> </p> <p style="font-size:12pt;"> <span style="color:#494949;font-weight:normal;"><br /> </span> </p> <p style="font-size:12pt;"> <span style="color:#494949;font-weight:normal;font-size:14px;">在本课程中,刘运强老师会结合自己十多年来对MySQL的心得体会,通过课程给你分享一条高效的MySQL入门捷径,让学员少走弯路,彻底搞懂MySQL。</span> </p> <p style="font-size:12pt;"> <span style="color:#494949;font-weight:normal;"><br /> </span> </p> <p style="font-size:12pt;"> <span style="font-weight:normal;font-size:14px;">本课程包含3大模块:</span><span style="font-weight:normal;font-size:14px;"> </span> </p> </h3> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> <strong class="ql-author-26664262"><span style="font-size:14px;">一、基础篇:</span></strong> </p> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> <span class="ql-author-26664262" style="font-size:14px;">主要以最新的MySQL8.0安装为例帮助学员解决安装与配置MySQL的问题,并对MySQL8.0的新特性做一定介绍,为后续的课程展开做好环境部署。</span> </p> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> <span class="ql-author-26664262" style="font-size:14px;"><br /> </span> </p> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> <strong class="ql-author-26664262"><span style="font-size:14px;">二、SQL语言篇</span></strong><span class="ql-author-26664262" style="font-size:14px;">:</span> </p> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> <span class="ql-author-26664262" style="font-size:14px;">本篇主要讲解SQL语言的四大部分数据查询语言DQL,数据操纵语言DML,数据定义语言DDL,数据控制语言DCL,</span><span style="font-size:14px;">学会熟练对库表进行增删改查等必备技能。</span> </p> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> <span style="font-size:14px;"><br /> </span> </p> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> <strong class="ql-author-26664262"><span style="font-size:14px;">三、MySQL进阶篇</span></strong><span style="font-size:14px;">:</span> </p> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> <span style="font-size:14px;">本篇可以帮助学员更加高效的管理线上的MySQL数据库;具备MySQL的日常运维能力,语句调优、备份恢复等思路。</span> </p> <span><span> <p style="font-size:11pt;color:#494949;"> <span style="font-size:14px;"> </span><img src="https://img-bss.csdn.net/202004220208351273.png" alt="" /> </p> </span></span>
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页