【HTML】 国語が苦手だった。今もそう。「段落」って何だろう。Pって何だろう。

  • 2012.09.25 Tuesday
  • 00:26
JUGEMテーマ:コンピュータ

 HTMLではpタグで囲んだ文章を一つの段落と見なすそうです。ところで「段落」って何ですか?って、私は思ってしまうのです。今もそうですが、国語というのがとても苦手で、先生がおっしゃってる内容を理解することが不得意でした。大抵、先生というのは一方的に話す訳ですが、さらに最悪なことに私はとても引っ込み思案でかつ、そもそも日本語を使って質問形式の日本語を話すというのもとても苦手だったため、結局、よくわからないまま、よくわからなくてもいっかって思うくらい無駄な時間を過ごしてしまった訳です。えっと、何を言いたかったのか忘れそうになりましたが、ええとですね。実は私は「段落」というのがよく分からないです。国語のテストとかでよくありますよね。文章を段落で分けろとか、重要な段落を上げよとか、そもそも段落が分かってないし、分けろとか言われても、って言うこと何ですがHTMLを扱うには、段落は避けて通れそうにもありません。
 pは、paragraphの略だそうです。ちなみに英語もさっぱりなので、paragraphの略です。って言われても「はあ?」というしかないんですが、幸いにもインターネットの力を借りて、調べる事はできるんです。


段落
http://ja.wikipedia.org/wiki/%E6%AE%B5%E8%90%BD

Wikiを参考にすると
・段落は、文章の1ブロック事。
・段落は、通常は、複数の「文」よって構成されている。
・段落の語源は、段落の始めが行頭から1文字字下げを行っていることから。
・日本語における段落は、「意味段落」と「形式段落」が存在する。
・HTMLに段落は、意味段落が複数の形式段落で構成されているような場合に、両方の段落を同じP要素で表現することはできない。
・いくつかのJISに規定されている。JIS X 4051 ·JIS Z 8303 ·JIS P 0202 ·JIS P 0138



ここで、さらに私の頭を悩ます言葉がいくつか出てきます。まず「文」それから「意味段落」と「形式段落」。文は、主語と述語で構成されている一つの完結した単位って事でとりあえず理解。「意味段落」と「形式段落」なにそれ・・・なんですが・・・。
 自信がないと前置きして書かせてもらうと、形式段落は、行頭から1文字字下げされている、つまり形式化された表現方法で表されている段落の事っぽいです。意味段落は、いくつかの形式段落の集まりで、意味としてまとまっている段落の事らしいです。小中高と私を苦しめたのは「意味段落」の方だと思うのですが、Wikipediaを見るまで「意味段落」という言葉を知りませんでした。

 さて、HTMLの話ですが、下記のようにP要素の中に、さらにP要素を書くのはダメだったと思います。

<p>---<p>---</p>---</p>


ということで、P要素だけを使って、「意味段落」と「形式段落」を表現するというのは、できないって事なんでしょう。ちなみに、デザインとしては、書き手が意図的に意味段落を表現するのであれば、段落と段落の間に余白をもうけるといった手法で、それを表現できるようです。国語のテストもそのように表現してくれれば、段落間の余白を見つけるだけで、書き手の意図通りの意味段落を見つけることができて、私の頭を悩ますこともなかったんでけどね〜。ということで、とりあえず段落の意味をちょっと勉強してみました。


JIS X 4051
http://www.jisc.go.jp/app/JPS/JPSO0020.html
段落 行組版処理の処理単位とある一つ以上の文の集まり。段落は、1行又は連続した複数の行からなる。
段落字下げ 段落先頭行の行頭を開けること。

--------------------------------------------
(追記)
P要素を入れ子にして、バリデートしてみたら

[No p element in scope but a p end tag seen. [HTML5]]

と怒られました。

---------------------------------------------
(追記)
paragraphと日本語の段落が同じ意味なのか違いがあるのか調べた方がいい気がしてきました。まあ、目的はHTMLに合わせるではなくて、日本語で書いて日本語の文章らしいデザインにしたいんですけど・・・。

【HTML】h1 ~ h6要素はセクションの見出しを表す。

  • 2012.09.20 Thursday
  • 23:13
JUGEMテーマ:コンピュータ
 
私は十数年前くらいにホ〜ムペ〜ジを一生懸命作ってたんですが、その時、h1要素は、大きい字を表示したいときに使うものだと思ってまして、それ以上の意味はない・・・と本気で思ってまして。それ以上とかそれ以外とか、それ以前に、そもそも間違ってたんですね。ええ。

h1 ~ h6要素はセクションの見出しを表す。section要素やhgroup要素などと組み合わせてドキュメントを構成していくみたいですけど、まだあまり理解していないので紹介できません。

【HTML5】よくわかるHTML5+CSSの教科書

  • 2012.09.14 Friday
  • 02:34
JUGEMテーマ:コンピュータ
 
タイトルはHTML5と書かれていますが、どちらかというとHTMLの入門書です。HTMLとCSSを同時に横断的に基礎学習していくスタイルがとられているため、全体的に基礎的な部分を学習することができる良本だとおもいます。とは、言ってもWEBサイトを全く作ったことのない人は、少し難しいかもしれません。また、HTMLはよく知っていてHTML5のみを勉強したい人は不向きかと思います。

私のようにHTMLのほんの少しのタグを知っていて、CSSは全く分からず、ホームページビルダーでワード的な作り方をした人間にとっては、最適な本だと思います。はい。

【HTML5】HTML5かじる。2012/09/09版

  • 2012.09.10 Monday
  • 00:36
JUGEMテーマ:コンピュータ
 
■最近知ったこと。
HTMLにはいくつかのバージョンが存在する事は知っていたが、細かくみると以下のようにいっぱいある。

HTML4.01 Strict (正規の仕様)
HTML4.01 Transitional (文法的にあいまいさを許容する仕様)
HTML4.01 Frameset (フレーム機能が使える仕様)
XHTML1.0 Strict
XHTML1.0 Transitional
XHTML1.0 Frameset
HTML5

むかし、こんな事まったく意識せずにホームページ作ってた(笑)

【HTML5】HTML5かじる。

  • 2012.09.08 Saturday
  • 10:05
JUGEMテーマ:コンピュータ
 
クライアントアプリだけでは、ちーとも思いくないと思い始めて、
HTML5をかじってみる事にしました。

■最近、知ったこと。

HTMLはXMLを拡張した言語ではない。
HTML5は、まだ草案である。
各ブラウザのHTML5の対応状況はまちまちである。

■わからないこと。

WEB関連でお仕事をされている方は、どうやって勉強されているのかわからない。OJT以外なところで何をしてるのか気になる。
ツールは色々所持しているけど使い方がわからない。

calendar

S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< March 2024 >>

あわせて読みたい

あわせて読みたいブログパーツ

selected entries

categories

archives

recent comment

  • 【WPF】DataGridに編集可能なComboBoxを表示するには?
    art55 (07/16)
  • 【WPF】DataGridに編集可能なComboBoxを表示するには?
    arisa (07/16)
  • 【キーボード】6年前のRealForceを復活させることはできる!?その3
    art55 (05/22)
  • 【キーボード】6年前のRealForceを復活させることはできる!?その3
    分解大好き (05/18)
  • 【.NET Framework 4.5】 IListがIReadOnlyListを継承してない理由。
    art55 (02/04)
  • 【.NET Framework 4.5】 IListがIReadOnlyListを継承してない理由。
    Gen (02/04)
  • 【キーボード】RealForce が壊れて帰ってきた。
    art55 (04/29)
  • 【.NET Framework 4.5】 IListがIReadOnlyListを継承してない理由。
    art55 (02/23)
  • 【.NET Framework 4.5】 IListがIReadOnlyListを継承してない理由。
    かるあ (02/22)
  • 【C#】Dictionaryの実装・データ構造・アルゴリズムを観察する。
    art55 (01/16)

recent trackback

recommend

recommend

recommend

C#プログラマのための.NETアプリケーション最適化技法 (Programmer's SELECTION)
C#プログラマのための.NETアプリケーション最適化技法 (Programmer's SELECTION) (JUGEMレビュー »)
Sasha Goldshtein,Dima Zurbalev,Ido Flatow,サシャ・ゴルドシュタイン,ディマ・ズルバレフ,イド・フラトー

recommend

ろんりと集合
ろんりと集合 (JUGEMレビュー »)
中内 伸光
とてもわかりやすいです。

recommend

recommend

シャノン・ノイマン・ディジタル世界
シャノン・ノイマン・ディジタル世界 (JUGEMレビュー »)
市川 忠男
4章がリレーショナルデータベースな内容になってます。ページ数があまりありませんが、ポイントがものすごく的確にまとまっていて、感動します。

recommend

recommend

東プレ Realforce91UBK-S 静音キーボード 静電容量無接点方式 変荷重 ブラック NG01BS
東プレ Realforce91UBK-S 静音キーボード 静電容量無接点方式 変荷重 ブラック NG01BS (JUGEMレビュー »)

テンキーレス、静音のRealForce91UBK-S。スコスコ感がたまらなく気持ちいいです。家と会社で2台持ってます。

recommend

recommend

プログラミング.NET Framework 第4版 (プログラミングシリーズ)
プログラミング.NET Framework 第4版 (プログラミングシリーズ) (JUGEMレビュー »)
Jeffrey Richter
発売予定美 2013年10月10日。.NET Frameworkとお付き合いする人のバイブルですね。

recommend

recommend

キャット・シッターの君に。
キャット・シッターの君に。 (JUGEMレビュー »)
喜多嶋 隆
私のイラストレータデビュー本です。

recommend

Essential .NET ― 共通言語ランタイムの本質
Essential .NET ― 共通言語ランタイムの本質 (JUGEMレビュー »)
ドン・ボックス,クリス・セルズ,Don Box,Chris Sells,吉松 史彰

links

profile

search this site.

others

mobile

qrcode

powered

無料ブログ作成サービス JUGEM