<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>porco_webangya</author_name>
  <author_url>https://blog.hatena.ne.jp/porco_webangya/</author_url>
  <blog_title>Webあんぎゃ</blog_title>
  <blog_url>https://webangya.hatenablog.com/</blog_url>
  <categories>
    <anon>HTML</anon>
    <anon>Dreamweaver</anon>
  </categories>
  <description>先日の授業中、HTMLのソースコードで内で改行するかしないかでブラウザ表示時に半角スペース分のズレが生じることを発見。 詳細を探ってみた。以下、bodyタグ内サンプルコード↓ &lt;form action=&quot;#&quot; method=&quot;post&quot;&gt; &lt;!-- 改行あり例 --&gt; &lt;p&gt;好きな犬は：&lt;!-- ←改行部 --&gt; &lt;label&gt;&lt;input type=&quot;checkbox&quot; name=&quot;mobile&quot; value=&quot;1&quot;&gt;パグ&lt;/label&gt; &lt;/p&gt; &lt;!-- 改行なし例 --&gt; &lt;p&gt;好きな犬は：&lt;label&gt;&lt;input type=&quot;checkbox&quot; name=&quot;mobile&quot; valu…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwebangya.hatenablog.com%2Fentry%2F20130626%2F1372270779&quot; title=&quot;検証：HTMLソースコードでの改行の有無によるブラウザ表示時のズレについて - Webあんぎゃ&quot; class=&quot;embed-card embed-blogcard&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;&quot;&gt;&lt;/iframe&gt;</html>
  <image_url></image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2013-06-26 03:19:39</published>
  <title>検証：HTMLソースコードでの改行の有無によるブラウザ表示時のズレについて</title>
  <type>rich</type>
  <url>https://webangya.hatenablog.com/entry/20130626/1372270779</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
