今注目のニュース
LINE「OpenChat」の検索機能が段階的に復活 18歳以上のユーザーからランダムに 
Switch版本格派ARPG「ウィッチャー3 ワイルドハント コンプリートエディション」本日発売!
古いクルマのファン悲鳴! 旧車パーツの価格が高騰し続ける理由とは

10さんのページユーザー

  • 32
  • 0
掲示板をみる(185)
  • twitter
  • facebook
  • はてな
  • LINE
  • ほめる(32)
  •  
  •  
  •  
  •  
  • その他

あとで読む

htmlと表示例

html

(ここにhtmlエディタ有効でコードコピペ

と書くと

(ここにhtmlエディタ効でコードコピペ

こう表示される。

htmlから特定のタグのみ消す方法

<span>を例とすると。

htmlエディタ効にしてから、html全体を正規表現が使えるテキストエディタソフトコピペする。

そのソフト検索から

検索する文字列」 に 「<span>(.*?)<\/span>」

「置換する文字列」 に 「$1」(テキストエディタの種類によっては「\1」)

を入し、置換。

ただし「<span>あああ<span style="color: #000000;">いいい</span>ううう<span>」といった入れ子構造の記述が含まれていた場合には、「あああ<span style="color: #000000;">いいい</span>ううう」を対としたいのに「あああ<span style="color: #000000;">いいい」を対としてしまう問題点があるため、どこが置換対となるのかは要個別確認。

「.」は「任意の1文字

「*」は「0回以上の繰り返し」 なので「.*」は「0文字から長文まで、任意の文字列」

「?」は「0回以上の最短一致」

\」はエスケープ文字

()」は結果をグループ化して後方参照に回すための括り

「$1」(テキストエディタの種類によっては「\1」)は後方参照1 「()」で囲っていた部分、この場合「<span>」と「</span>」で挟まれていた文字列をリサイクル使用する

右から左に書く言語

左から右に書く日本語の文章内で、右から左に書くヘブライ語の言葉を出す時。

ページ端の自動改行でそのヘブライ語の言葉が2行以上に分かれると、単の順番が崩れる。

例えば

~~~~~は、ヘブライ語で「<5単><4単><3単><2単><1単>」と書きます。

という文章が、

自動改行されると

~~~~~は、ヘブライ語で「<3単><2単><1単>
<5単><4単>」と書きます。

となってしまう。

これを避けたいがためにヘブライ語の言葉を<nobr>と</nobr>で囲むと、その範囲内では改行されなくなった。

しかし長い文章の場合は右端がはみ出し、全文を見るために横へのスクロールが必要になってしまう。

同様に右から左に書く言(例えばアラビア語)でも同様の現が起きるのかについては未検証

html例と表示例

html

(※ここにhtmlエディタ有効でコードコピペ

実表示

(※ここにhtmlエディタ効でコードコピペ

定義リストのdtで細字を使う

<dt>~</dt>の中は自動的に太字になる。一部を細字にしたい場合は、その部分を<span style="font-weight: lighter;">~</span>で囲む。

html

<dl>
<dt>太字になる部分<span style="font-weight: lighter;">細字になる部分</span></dt>
<dd>ここは元から細字</dd>
</dl>

実表示

太字になる部分細字になる部分
ここは元から細字

リストを複数列表示 - tableの場合 - 「table-layout: fixed;」なし

列の幅が文字列の長さに合わせて変化する。

html

<table style="width: 100%;">
<tbody>
<tr>
<td style="border: 0;">
<ul>
<li>デボラ(ドラゴンクエスト)エボラ出血熱</li>
</ul>
</td>
<td style="border: 0;">
<ul>
<li>ボラ</li>
<li>T-BOLAN</li>
<li>ぼららら</li>
</ul>
</td>
<td style="border: 0;">
<ul>
<li>チョコボランドシンボラーロボライダー</li>
</ul>
</td>
</tr>
</tbody>
</table>

実表示

リストを複数列表示 - tableの場合 - 「table-layout: fixed;」あり

列の幅が全て等しく固定される。

html

<table style="width: 100%; table-layout: fixed;">
<tbody>
<tr>
<td style="border: 0;">
<ul>
<li>デボラ(ドラゴンクエスト)エボラ出血熱</li>
</ul>
</td>
<td style="border: 0;">
<ul>
<li>ボラ</li>
<li>T-BOLAN</li>
<li>ぼららら</li>
</ul>
</td>
<td style="border: 0;">
<ul>
<li>チョコボランドシンボラーロボライダー</li>
</ul>
</td>
</tr>
</tbody>
</table>

実表示

リストを複数列表示 - 「float: left;」の場合

掲示板

  • 183ななしのよっしん

    2019/10/14(月) 03:35:03 ID: E2JmW/0g70

    >>182
    そういうのは記事に書き込みなよ

  • 184ななしのよっしん

    2019/10/14(月) 03:54:09 ID: dBdDdRZf5Q

    ドミネ・クオ・ヴァディス関連ありがとうございます

  • 185ななしのよっしん

    2019/10/14(月) 04:15:04 ID: rZi04/SWqT

    >>183
    まずは編集者事前リサーチするという意識革をしてもらわないと拭いする別の編集者の負担になるだけだし、明らかに新記事作成数稼ぎにしか見えなかったので注意したんだけど何か問題でも?

急上昇ワード

最終更新:2019/10/18(金) 05:00

ほめられた記事

最終更新:2019/10/18(金) 05:00

☆オススメの関連コンテンツ

動画

この記事名で動画を検索

静画(イラスト)

この記事名で静画を検索

ニュース

この記事名でニュースを検索

ウォッチリストに追加しました!

すでにウォッチリストに
入っています。

OK

追加に失敗しました。

OK

追加にはログインが必要です。

           

ほめた!

すでにほめています。

すでにほめています。

ほめるを取消しました。

OK

ほめるに失敗しました。

OK

ほめるの取消しに失敗しました。

OK

ほめるにはログインが必要です。

タグ編集にはログインが必要です。

タグ編集には利用規約の同意が必要です。

TOP