• ベストアンサー

マークダウン使用のhタグ装飾

マークダウンを使って、hタグを設定しています。 (「## 」と「### 」) そのhタグの装飾の「色や形」を変えたいのですが、 どういった方法でできるでしょうか? 今は、シンプルな灰色の見出し装飾になっています。 よろしくお願いいたします。

  • CSS
  • 回答数1
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • 4017B
  • ベストアンサー率73% (1303/1774)
回答No.1

「マークダウン(MarkDown)」と一口に言っても色々な方言(バージョン)があり、それぞれに仕様が微妙に異なります。ですので実際に使用されてるマークダウンの種類を過不足無く正確に記載して貰わなければ回答は困難です。 とは言いつつも…まあ恐らくはWordPressなどで用いられる「MarkDown」であろうと推測の基に決め打ちで回答させて頂きますと… - MarkDown for WP https://ja.wordpress.org/plugins/markdown-editor/ 結論から言うと無理!WP用を始め、多くの汎用MarkDown記法はかなりベーシックなタグしかサポートしてないので。それよりも1つ上のプラスアルファ機能的な事を考えた場合、途端に物足りなくなります。これはMarkDownをPHP等のプラグラム内部で処理する際に何重にも正規表現置換処理を行わなければならない都合上、致し方ない仕様上の制限と言っても良いモノです。 一応、解決策というか対処方法としては、 ## <span style="color:#f00;">見出し</span> ~みたいに別途にHTMLタグ等を直書きするしか無いです。どうしてもHTMLタグを直に記述せずに全てMarkDown記法の中で完結させたいのであれば、それはもうそういった高機能な自分専用の自作MarkDowプログラムを開発して実装させるしか無いです(実際、自分はそうやってます)。

関連するQ&A

  • h1、h2タグの付け方について教えて下さい

    h1、h2タグの使い方について質問させて下さい。 h1、h2タグがseo対策に有効であり、かつ見出しの大きい順にh1、h2と使っていくものだという事はわかりました。 フォルダ内に CSS書類を作ってこれを添付したいのですが、以下のような場合、h1、h2タグの設定はどうしたらよいでしょうか。ソフトはDreamweveMX2004使用。タグ打ちだけでは作れないので、Dreamweverで書き込んだソースを必要に応じて書き直し等しています。 【ホームページの構成】 ・index.htmlページはFlashで作った、swfファイル一つと(C)表示の一文のみ。swfファイル中のENTERボタンで2ページ目にリンク。 ・2ページ以降は同じパターンのページが、上部メニューバーで5ページ各リンク。(2挨拶、3商品説明、4アクセス~など) ・2ページ以降は各ページのタイトルバーの形が同じなのでこれに見出し設定をしたい。タイトルバーは文字色、余白などは全て同じだが、背景色のみ各ページごとに変えている。(教えて!gooの紺色地に白抜き文字のような形です。各ページごとに紺色地が別色になります) 【質問】 ・h1はindex.htmlに設定すると思うのですが、テキストは(C)の一行しかありません。他のページでは最下部に(C)表示を置きます。h1はどこに設定したら良いですか?画像にh1を設定する事があると聞きますが、swfにh1を設定することになるのでしょうか? ・タイトルバーはDreamwever/新規CSS/セレクタタイプ/タグ/h2で共通の文字色、文字サイズ、ボックスなどを設定して背景色のみ、各ページ設定する。この場合、2ページ以降はh1タグが無くなってしまいますーこの形は正しいでしょうか? ・hタグの使い方を考えるとサイトの構成に問題があったと思いますが、この構成で作ることになってしまいました。CSS添付ではなく各ページ毎に設定するべきなのでしょうか。もしそうならその時のh1,h2はどう設定したらよいでしょうか? どうか方法を教えてください。よろしくお願いいたします。

  • <h1>というタグについて

    <h1>というタグは見出しのような表現で大きい文字になると思うのですが、検索エンジンにかかってもらうためには<h1>が必須だし、ただ文字が大きいのはかっこわるいと思うのです。 <h1>でありながら文字をそこそこの大きさにおさえる方法はないでしょうか。 よろしくお願いいたします。 事情がありましてけっこう急いでおります。

  • H1 タグの行間

    いつもお世話になっています。 早速ですが、H1 H2 タグを使用したときなどにテキストの下に行間ができてしまいます(見出しタグだから仕方ないかもしれませんが)。 この行間を調整するタグなどあるのでしょうか? また補足として、見出しタグはあまり文字の大きさなどは検索エンジン対策上加工しないほうがよいのでしょうか? 宜しくお願いします。

  • hタグについて 色・サイズを同時に指定したい

    スタイルシートでフォントのサイズと色を同時に設定したい時は、 hタグを使うしかないのでしょうか? <html> <head> <title>test</title> <STYLE TYPE="text/css"> <!-- h1 { font-size:50%;color:green; } --> </STYLE> </head> <body> <h1>test</h1> </body> </html> このような場合です。 hタグは見出しに使うべきで6つしか指定できないとのことですが 見出しでもない文字に色とサイズを設定したい上、6つ以上パターンがある場合、 どうすればいいでしょうか?

    • ベストアンサー
    • HTML
  • CSSのドロップダウンメニューが見出しで切れる

    CSSでドロップダウンメニューを作りました。 ページの上部に横並びの状態です。 メニューを押すと下に4項目程度のリストが下がってきます。 今まで本文の見出しには<h1>タグを使用せず画像でのみで作っており、リストには影響がありませんでした。 <h1>を使用しCSSで装飾したところ、ドロップダウンメニューの<h1>にかぶる部分が切れてしまいます。 解決策はありますでしょうか。 宜しくお願い致します。

    • ベストアンサー
    • CSS
  • hタグの使用回数

    h1~h6までありますが1ページに使用できる回数制限ってありますか? 一般的にという意見でも構わないので参考意見をお願いいたします。 私的事なのですが現在サイトを作る場合の構成としては以下の通りです。 ・h1は1ページに1つ ※「○○や△△の作成は××会社へおまかせください!」のような見出し文 ・h2はロゴに設定し1ページに1つ ・h3はサイトバーのタイトルに設定し1ページに複数使用 ・h4はメインコンテンツのタイトルに設定し1ページに複数使用 ・h5~h6とstrong,emタグはほとんど使わない これはSEO的にはあまりよくないでしょうか?こんな感じで構成している等のアドバイスを いただけますと幸いです。宜しくお願いいたします!

  • <H1>を使わずに<H2>以下を使用するのは邪道?

    通常は、 <H1>見出し1</H1> <H2>見出し2</H2> <P>本文</P> <H2>小見出し2</H2> <P>本文</P> … こんな使い方が正しいのだと思いますが、<H1>に 該当する部分が、スライスした画像をテーブルで レイアウトしたもの等、上下に余白が入って欲しくない 場合、<H1>タグを使わないで<H2>タグを使っています。 でもやはり、この方法は邪道でしょうか。 それなら<H2>の部分を<H1>にした方がよいのでしょうか?

  • hタグを使わずに小見出し

    hタグは h1,h2,h3,h4 の順に書くべきだと分かってはおりますが、 例えば以下のように、大きいコンテンツの中でh2ブロック→h3ブロックと続き、 h2ブロックは、いわゆるコンテンツの中の序章です。 その際、序章の中の小見出し(<●●●>部分)のタグはどうするのが適当でしょうか。 <h2>の中にいきなり<h4>は変ですよね。 <h2>の中の見出しも<h3>でしょうか? そうした場合、<h2>の中にある<h3>と後から出てくる<h3>ブロックが 同レベルだと認識されてしまいませんでしょうか。 それとも<p>、<strong>、<div>等が適当でしょうか? -------------------------------------- <h1>第1の見出し</h1> <div id="contents">  <div class="section">   <h2>第2の見出し</h2>   <●●●>第2に関連する小見出し</●●●>    <p>テキストテキストテキスト</p>   <●●●>第2に関連する小見出し</●●●>    <p>テキストテキストテキスト</p>  </div>  <div class="section">   <h3>第3の見出し</h3>    <p>テキストテキストテキスト</p>   <h3>第3の見出し</h3>    <p>テキストテキストテキスト</p>  </div> </div> -------------------------------------- 検索してもみたのですが「hタグは順番通りに書くべし」といった記事ばかり引っかかり うまく見つけられませんでしたので、ここに質問させていただきます。 また、分かる方には基本なことかもしれませんが、 私も一応調べ、それでも分からなく質問しておりますので 「こんなこと基本的なこと」や「もっと勉強しろ」等の 攻撃的な文言は避けて頂きたくお願いします。

    • ベストアンサー
    • CSS
  • ブログでのHタグの使い方について

    ブログでのHタグの使い方についてわからないことがあります。FC2のブログを利用しています。 ブログのデザインテンプレートにh1~h4までが使われているのですが、記事中に見出しとしてHタグを使いたいと考えています。 その場合なにか問題などありますでしょうか?

  • htmlの見出しタグ(<h1>)の次行が勝手に改行してしまうのですが

    htmlの見出しタグ(<h1>)の次行が勝手に改行してしまうのですが、これはしょうがないのでしょうか? できれば詰めたいのですが、seo対策で見出しタグを使っています。seo対策上見出しタグと同様のタグがあればよいのですが。 すいませんが誰か教えてください!!

    • ベストアンサー
    • HTML

専門家に質問してみよう