- ベストアンサー
htmlについて
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
構いませんよ。そもそもHTMLの国際規格自体が、登録されていない未知のタグは全て無視するという風に出来ていますので。 <abc>TEST</abc> ～みたいな感じで半角英数字のみで構成されていれば、特に文字化けなどの不具合を起こす事も無く自然に処理されます。 CSSなどで装飾を施したい場合も、他の一般的な既存タグなどと同じ様に記述して構いません。質問者が独自タグとして <explanation>...</explanation> を記述したのであれば、それに対してそのまま… explanation { color: #f00; } ～みたいな感じでCSSを記述するだけで結果が反映されます。位置合わせや半透明化なども自由に出来ます。 P.S. Youtubeのwebページの中身を試しに見てみてください。 <ytd-grid-video-renderer> や <ytd-thumbnail> とか <yt-img-shadow> ～などといった独自タグのオンパレードですよ。
関連するQ&A
- CSSでのdivタグに付いての質問です。
現在HTMLを学習し始めたばかりで困惑しております。 HTML内の<body>タグ内に<div>タグを作りidを"main"としました。 具体的には<div id="main">Main</div>と記述しました。 そこからCSSで#main {color: red;} と記述しましたが、文字色の変更が全く反映されない状態です。 他の<p>タグや<h1>タグ、また<body>タグは全て奇麗に反映されるのに<div>だけが全然ダメな状態です。 一体何が原因なのか教えて下さい。 初心者すぎる質問だと思いますが、どうぞよろしくお願い致します。
- ベストアンサー
- HTML
- bodyタグについて
bodyタグにCSSをあまり適応することは良くないと聞いた事があるのですが、bodyタグに他のタグと同じように線などのCSSをがっつり付けてもプロのWEBデザイナーでもなんの問題もないのでしょうか。
- ベストアンサー
- HTML
- cssについて、困っております。
DWでHTMLとCSSの練習としてHPを作成しているのですが、 CSSのスタイルが適用されず、思うようなデザインに出来ず困っております。 例でいうと <div id="main"> <p>～～～～～～～</p> <p>～～～～～～<br /></p> </div> ⬆に対し #main { margin-left:340px; font-size:18px; text-align:center; height:auto; width:600px; { などを指定しているのですが、font-size,text-alignだけが適用され、 その他のmargin,height,width,などが 「(プロパティ名)～は継承されていないため選択範囲に適用されません。外側のタグに適用されます。」 と表示され、適用されません。 この場合はどこに問題があって適用されないのでしょうか？？ また、「外側のタグに適用されます。」というのはどの外側の部分に適用されるのでしょうか？？ 初歩的な質問で申し訳ございません。 回答お願い致します。
- 締切済み
- CSS
- スタイルシートの記述について
例えば、文字を黒く、背景色を白くしたい場合ですが、どちらの記述が正しいですか？ (1)は兄が教えてくれたタグの書き方で、(2)はネットで見かけたタグ（CSSについて説明していたサイト）の書き方です。 カッコの違いが気になっています。 ネット検索をしたところ、(2)の形で書かれているほうが多かったです。 今は『<!-->』は、もう古かったりなどして使わない形なのでしょうか。 それとも(2)の『{}』のみの形はCSSとして使う場合なのでしょうか。 (1) <style type="text/css"> <!--P{color:#000000;}--> <!--BODY{background-color:#ffffff;} </style"> (2) <style type="text/css"> p{color: #000000;} body{background-color:#ffffff;} </style">
- ベストアンサー
- その他（インターネット・Webサービス）
- ■divにid指定して子供タグに適応(ソース付)
みなさん、よろしくお願いします。 上の段と下の段を表示上同じ結果にしたいと思います。 現在、上の段のようにdivタグ以下の全てのタグに、GrayMojiを 指定しています。 本番のソースでは、これが大量にあるので、簡潔に書きたいと思っています。 そこで、下の段のように、１つだけidを指定しただけで、divタグに含まれている 全タグにGrayMojiを適応させたいと思っています。 でも、このソースでは、同じ結果が得られません。 どのようにすれば、良いかアドバイスをいただけないでしょうか。 <!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"> <head> <style type="text/css"> <!-- a:link{ color: #0033EE;} #GrayMoji {color: #666666;} --> </style> </head> <body> <div> <a id="GrayMoji" href="main/about.html">div-AタグClass</a> <p id="GrayMoji">div-pタグClass</p> </div> ------------------------------------ <div id="GrayMoji"> <a href="main/about.html">divタグClass-A</a> <p>divタグClass-p</p> </div> </body> </html>
- ベストアンサー
- HTML
- DreamweaverでCSSの「div id」設定方法
DreamweaverMXを使ってCSSを独学している初心者です。OSはWindowsXPです。 以下のようなタグを使って作る時 <div id="aaa">の部分を、コード部分に直接タグを挿入する以外の、Dreamweaverの使い方があれば、お教えいただますでしょうか。 （煩雑になるのでタグの<title>より上は省略して載せています） <style type="text/css"> <!-- #aaa { background-color: #CCFFFF; width: 600px; } --> </style> </head> <body> <div id="aaa"> <p>表題</p> <p>例文ああああああああああああ</p> <p>事例</p> <p>例文いいいいいいいい </p> </div> </body> </html> 「#aaa」というスタイルは「CSSスタイル」パネルから新規CSSスタイルのセレクタタイプを「詳細（ID，コンテキストセレクタなど）を選択し、セレクタに「#aaa」と入力してスタイル定義で設定しました。 ・スタイル名が「.aaa」ではダメで「#aaa」でなくては出来ない点と、 <div id="aaa">部分が<div id="#aaa">ではダメな理由の知識もありません。 ・<p class="bbb">というスタイルの設定を、セレクタタイプを「クラス（すべてのタグに適用可能）」にして「.bbb」という名前にして設定したスタイルは 「文章のスタイルを適応したい部分を選択→スタイルを選択して右クリック→適応」で<p class="bbb">例文ううう</p>のようなタグが挿入されますが 「div id」の場合は同じような手順では出来ないのでしょうか？ 私が持っているDreamweaverMXの解説書にはこのあたりのことが記載されていません。もしお勧めの本があれば そちらもお教えいただけると幸いです。 どうぞよろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- CSSで背景画像指定
どなたかアドバイスお願いします。 CSSを使って<p></p>の中に背景画像を指定した場合<p></p>の中は背景指定のみでタグの中は内容が何も無い状態です。 テーブルを使ってのレイアウトの場合spacer.gifなどを使えば解決できるのですが。 CSSのみでのレイアウトの場合はHTMLタグの中の要素が空になってしまう場合 は、どのように対処すればよろしいのでしょうか？
- ベストアンサー
- CSS
- 「.test {」とした場合は？
css で p.test { font-size: 14px; } とした場合は、pタグについて指定しますが、 .test { font-size: 14px; } とした場合は、 どのタグに指定されるのですか？
- ベストアンサー
- CSS
- css <li>タグについて
CSSの<li>タグを<p>タグと同じ文字サイズ、文字間隔にしたいのですが、一致させることが出来ません。 また、インターネットエクスプローラとgoogle Chrome では<li>の文字サイズが異なっており、google Chrome の方が文字が小さいです。 サイト自体はテンプレート配布サイトより取得して加工して使用していますので、html、cssについて殆ど素人で申し訳ありませんが、ご教授願えませんでしょうか。 下記のページの■が付いている箇所です。 (■はオレンジ色をしています。) http://kunaku.com/topic/kotuban/kotu.html ●html <li class="img"><span class="color">■</span><a href="meritto.html#kubire" target="_self">くびれ美人</a></li> ●css http://kunaku.com/main.css li.img{ margin: 0; padding:3px; font-size:90%; } #main p,#main li,#main blockquote{ font-size:90%; }
- ベストアンサー
- CSS
- spanタグとpタグのどちらを使えばいいのです
html内で文字を囲ってcssで色やサイズの装飾をする場合は、 spanタグとpタグのどちらを使えばいいのですか？ 基準がわかりません。
- ベストアンサー
- HTML
お礼
ありがとうございます。