1年ほど前に作成した、(X)HTMLとCSSのマークアップガイドラインです。アルバイト先のガイドライン策定の際に、ファーストドラフトとしてつくったものです。1年アップデートしていないので情報も古いですし、直したいところもいくつかあるのですが、せっかくなのでここに出してみました。
また、以下はその際に参考にしたサイトです。くりかえしになるんですが、1年前の時点でのことなので、現在と状況が変わっていたり、この1年でほかにも良いエントリが出ていることが考えられるので、気をつけてください。
全般
SimpleBoxes | CSSとHTMLのコーディングガイドライン
そのものずばり、ガイドラインを公開されている方のエントリーです。お手本として、かなり参考にさせていただきました。
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML+CSSガイドライン作り [1]
益子貴寛さんが、CSS Niteで行った講演の資料です。今回の目的そのものである、XHTMLとCSSのガ� ......
1年ほど前に作成した、(X)HTMLとCSSのマークアップガイドラインです。アルバイト先のガイドライン策定の際に、ファーストドラフトとしてつくったものです。1年アップデートしていないので情報も古いですし、直したいところもいくつかあるのですが、せっかくなのでここに出してみました。
また、以下はその際に参考にしたサイトです。くりかえしになるんですが、1年前の時点でのことなので、現在と状況が変わっていたり、この1年でほかにも良いエントリが出ていることが考えられるので、気をつけてください。
全般
SimpleBoxes | CSSとHTMLのコーディングガイドライン
そのものずばり、ガイドラインを公開されている方のエントリーです。お手本として、かなり参考にさせていただきました。
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML+CSSガイドライン作り [1]
益子貴寛さんが、CSS Niteで行った講演の資料です。今回の目的そのものである、XHTMLとCSSのガ� ......
今天是写第一篇传智播客教程日志，也是我看
JavaScript
视频的第一天。
先说缘由吧。大三还有三个月就要结束了，可我还没有感觉到自己能够有足够的能力找到份好工作，大学期间学到的都是些皮毛和理论，我不想到了找工作的时候，面试官问我会
XXX
吗？我说不会。因此我想通过培训增加自己的竞争力。我报了本地的一家
IT
培训公司，试听了两周，不是很满意，原因有两点：一是老师很年轻，
24
岁，工作才一年，也不够成熟，我很怀疑他的经验；二是班里的学生水平参差不齐，有的刚上大一，有的连编程语言都没学过，所以老师讲的很浅，很基础，这很托教学进度。有的学生吃不饱，有的学生消化不了。一次偶然，让我看见了传智播客的培训广告，查了查口碑，普遍很好，于是心里有了个想法，想到这里接受培训，但是学费是昂贵的。可发现了传智播客的“看视频学
Java
，写博客发奖金”，如果完成了
16
周的写博计划，学费可以免
2000
，我想这对每个渴望到这里培训但不宽裕，接受知识的同学是一件很好的事情吧。而且写日志心得本来就是对自己所学的知识进行总结回顾，这是一件非常有益处而且磨练意志的事情。我要坚持下去！
今天看完了
JavaScript
视频的第� ......
今天是写第一篇传智播客教程日志，也是我看
JavaScript
视频的第一天。
先说缘由吧。大三还有三个月就要结束了，可我还没有感觉到自己能够有足够的能力找到份好工作，大学期间学到的都是些皮毛和理论，我不想到了找工作的时候，面试官问我会
XXX
吗？我说不会。因此我想通过培训增加自己的竞争力。我报了本地的一家
IT
培训公司，试听了两周，不是很满意，原因有两点：一是老师很年轻，
24
岁，工作才一年，也不够成熟，我很怀疑他的经验；二是班里的学生水平参差不齐，有的刚上大一，有的连编程语言都没学过，所以老师讲的很浅，很基础，这很托教学进度。有的学生吃不饱，有的学生消化不了。一次偶然，让我看见了传智播客的培训广告，查了查口碑，普遍很好，于是心里有了个想法，想到这里接受培训，但是学费是昂贵的。可发现了传智播客的“看视频学
Java
，写博客发奖金”，如果完成了
16
周的写博计划，学费可以免
2000
，我想这对每个渴望到这里培训但不宽裕，接受知识的同学是一件很好的事情吧。而且写日志心得本来就是对自己所学的知识进行总结回顾，这是一件非常有益处而且磨练意志的事情。我要坚持下去！
今天看完了
JavaScript
视频的第� ......
①html() 相当于innerHTML属性 可以用与XHTML文档，当不能用于XML文档 var p_html = $("p").html(); //获取元素的HTML代码 $("p").html("......."); //设置元素的HTML代码 ②text() 相当于innerText属性 对XHTML和XML都有效 ③val() 类似于value属性 var txt_value = $(this).val(); $(this).val("....."); defaultValue属性包含该表单元素的初始值。 var txt_value = this.defaultValue; val()还可以用于选中 select、checkbox、radio相应项。 $("#multiple").val("第一项"，"第二项")； 在value和text中从后向前寻找。 ......
今天在如下代码中：
********************************************************
<p><font color="blue">操作步骤：1、选择输出可选项 2、查询 3、输出
<br>
********************************************************
报出以下错误：
Multiple annotations found at this line:......
我将标签<br>改为<br/>，后，错误消除。
于是，在W3C找到以下有关资料：
----------------------------------------------------------------------------------------
<br> 可插入一个简单的换行符。
<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
请注意！<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距！
HTML 与 XHTML 之间的差异
在 HTML 中，<br> 标签没有结束标签。
在 XHTML 中，<br> 标签必须被正确地关闭，比如这样：&l ......
今天在如下代码中：
********************************************************
<p><font color="blue">操作步骤：1、选择输出可选项 2、查询 3、输出
<br>
********************************************************
报出以下错误：
Multiple annotations found at this line:......
我将标签<br>改为<br/>，后，错误消除。
于是，在W3C找到以下有关资料：
----------------------------------------------------------------------------------------
<br> 可插入一个简单的换行符。
<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
请注意！<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距！
HTML 与 XHTML 之间的差异
在 HTML 中，<br> 标签没有结束标签。
在 XHTML 中，<br> 标签必须被正确地关闭，比如这样：&l ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>实例1</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<!--图像地图示例-->
<img src="ex.jpg" mce_src="ex.jpg" usemap="#mymap" width=320 height=180 border=0 alt=图像地图>
<hr>
<map name=mymap>
<area shape="rect" mce_shape="rect" coords="0,0,80,180" mce_coords="0,0,80,180" href="#mark1" mce_href="#mark1"></area>
<area shape="rect" mce_shape="rect" coords="80,0,160,180" mce_coords="80,0,160,180" href="#mark2" mce_href="#m ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>实例1</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<!--图像地图示例-->
<img src="ex.jpg" mce_src="ex.jpg" usemap="#mymap" width=320 height=180 border=0 alt=图像地图>
<hr>
<map name=mymap>
<area shape="rect" mce_shape="rect" coords="0,0,80,180" mce_coords="0,0,80,180" href="#mark1" mce_href="#mark1"></area>
<area shape="rect" mce_shape="rect" coords="80,0,160,180" mce_coords="80,0,160,180" href="#mark2" mce_href="#m ......
特殊JavaScript脚本：
1.禁用(恢复)href超级链接．
2.javascript中调用vbs对话框实现Confirm,可以显示Yes,No,还有各种图标，仅IE下有效．
3.限制上传文件类型为jpg.
4.限制离开当前页面，在离开时提示．仅限制窗口关闭或通过某个href超级链接离开．(页面刷新和地址栏改变时不提示）
demo.html如下：
<html>
<header>
<title>Demo for Javascript</title>
<script>
//禁用超级连接
function EnabledLink(flag)
{
var btlink=document.getElementById('linkconfirm');
if(btlink!=null)
{
btlink.disabled = !flag;
btlink.onclick = function() { return flag; };
btlink.style.cursor = flag ? "hand" : "text";
btlink.style.textDecoration = flag ? "" : "none";
& ......
特殊JavaScript脚本：
1.禁用(恢复)href超级链接．
2.javascript中调用vbs对话框实现Confirm,可以显示Yes,No,还有各种图标，仅IE下有效．
3.限制上传文件类型为jpg.
4.限制离开当前页面，在离开时提示．仅限制窗口关闭或通过某个href超级链接离开．(页面刷新和地址栏改变时不提示）
demo.html如下：
<html>
<header>
<title>Demo for Javascript</title>
<script>
//禁用超级连接
function EnabledLink(flag)
{
var btlink=document.getElementById('linkconfirm');
if(btlink!=null)
{
btlink.disabled = !flag;
btlink.onclick = function() { return flag; };
btlink.style.cursor = flag ? "hand" : "text";
btlink.style.textDecoration = flag ? "" : "none";
& ......
最新文章 : html