1<!doctype html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"> 6 <title>10press</title> 7 <meta name="description" content="ã¦ã§ããµã¤ãå¶ä½ãHTML5ã»CSS3ãCMSãfreoãã«ã¤ãã¦ã®åå¿é²"> 8 9 <!-- æ¤ç´¢ããããé¿ããªã©ã»ä¸è¦ãªãåé¤ --> 10 <meta http-equiv="imagetoolbar" content="no"> 11 <meta name="robots" content="index,follow"> 12 <meta name="pinterest" content="nopin"> 13 <meta name="robots" content="noimageai,noai"> 14 <link rel="dns-prefetch" href="https://unpkg.com"> 15 <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com"> 16 <link href="https://fonts.googleapis.com" rel="preconnect"> 17 <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> 18 19
19<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
19 20
20<script src="https://cdn.jsdelivr.net/npm/@twemoji/api@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
20 21 22<!-- CSS --> 23 <link href="https://10prs.com/common/common.css" rel="stylesheet"> 24 <link href="https://10prs.com/css/_my/style.css" rel="stylesheet"> 25 <link href="https://cdnjs.cloudflare.com/ajax/libs/lite-youtube-embed/0.3.0/lite-yt-embed.css" rel="stylesheet" integrity="sha512-EZ2KaimEv/oxoOjHRtM70t/xbORdQnBVDnIgp/q3HFB1k7Wl/sDtFDH0sVj4bzdZaVhKgXkgBjna/BExIMwJ+A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 26 <link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" rel="stylesheet"> 27 <link href="https://10prs.com/css/plugins/prism.css" rel="stylesheet"> 28 <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Round" rel="stylesheet"> 29 <link href="https://10prs.com/iine_app/iine.css" rel="stylesheet"> 30<!-- Javascript --> 31
31<script src="https://10prs.com/js/jquery.hidearea.js" defer></script>
31 32
32<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
32 33
33<script src="https://10prs.com/js/plugins/prism.js" defer></script>
33 34
34<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.11/clipboard.min.js"></script>
34 35
35<script src="https://cdnjs.cloudflare.com/ajax/libs/lite-youtube-embed/0.3.0/lite-yt-embed.js" integrity="sha512-vXpCvBDxYP62kTAt8qEgHi+zz7jSqz3AneBgXuY7KiL9X12NW1sthQwUZaTiCMLGiuWrKM7gLgw+7I96aaoBag==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
35 36
36<script src="https://10prs.com/iine_app/iine.js" defer></script>
36 37
37<script src="https://10prs.com/js/common.js" defer></script>
37 38
38<script src="https://10prs.com/common/default.js"></script>
38 39 40<!-- RSS --> 41 <link rel="alternate" href="https://10prs.com/feed" type="application/rss+xml" title="10press RSS1.0"> 42 <link rel="alternate" href="https://10prs.com/feed/rss2" type="application/rss+xml" title="10press RSS2.0"> 43 44<!-- OGP --> 45 <meta property="og:title" content="10press"> 46 <meta property="og:type" content="article"> 47 <meta property="og:url" content="https://10prs.com/page"> 48 <meta property="og:image" content="https://10prs.com/files/medias/img/10press.jpg"> 49 <meta property="og:description" content="ã¦ã§ããµã¤ãå¶ä½ãHTML5ã»CSS3ãCMSãfreoãã«ã¤ãã¦ã®åå¿é²"> 50 <meta property="og:locale" content="ja_JP"> 51 <meta name="twitter:card" content="summary_large_image"> 52 53<!-- favicon --> 54 <link href="https://10prs.com/favicon.ico" rel="shortcut icon"> 55
55<script async src="https://10prs.com/z_/analyzer/tracker.js" id="lunalys"></script>
55 56</head> 57<body class="page"> 58 <!-- ã°ãã¼ãã«ããã --> 59 <header class="global_header"> 60 <hgroup> 61 <h1 class="main_title"><a href="https://10prs.com">10press</a></h1> 62 <p class="description">ã¦ã§ããµã¤ãå¶ä½ãHTML5ã»CSS3ãCMSãfreoãã«ã¤ãã¦ã®åå¿é²</p> 63 </hgroup> 64 </header> 65 <!-- ã°ãã¼ãã«ãã --> 66 <nav class="global_nav"> 67 <input type="checkbox" id="for_global_nav"> 68 <ul> 69 <li><a href="https://10prs.com" aria-label="home"><span>home</span></a></li> 70 <li><a href="https://10prs.com/page">ã³ã³ãã³ã</a> 71 <ul> 72 <li><a href="https://10prs.com/freo-guide">freo Tips</a></li> 73 <li><a href="https://10prs.com/web-tips">web Tips</a></li> 74 <li><a href="https://10prs.com/bookmark">ããã¯ãã¼ã¯</a></li> 75 <li><a href="https://10prs.com/tegalog-cms">ã¦ããã</a></li> 76 </ul> 77 </li> 78 <li><a href="https://10prs.com/entry">ããã°</a> 79 <ul> 80 <li> 81 <a href="https://10prs.com/category/freo">freo Tips(41)</a> 82 </li> 83 <li> 84 <a href="https://10prs.com/category/tegalog">ã¦ããã Tips(17)</a> 85 </li> 86 <li> 87 <a href="https://10prs.com/category/web">ãµã¤ãå¶ä½(20)</a> 88 </li> 89 <li> 90 <a href="https://10prs.com/category/memo">éè¨(6)</a> 91 </li> 92</ul> 93 </li> 94 <li><a href="https://10prs.com/information">ãµã¤ãæ å ±</a></li> 95 </ul> 96 </nav> 97 <!-- ãã³ãããªã¹ã --> 98 <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumb"> 99 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> 100 <a itemprop="item" href="https://10prs.com"> 101 <span itemprop="name">ãã¼ã </span> 102 <meta itemprop="position" content="1"> 103 </a></li> 104 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> 105 <span itemprop="name">ãµã¤ãããã</span> 106 <meta itemprop="position" content="2"> 107 </li> 108 </ol> 109 <!-- ã³ã³ãã³ãã¨ãªã¢ --> 110 <div class="contents"> 111 <!-- ã¡ã¤ã³ã³ã³ãã³ãã¨ãªã¢ --> 112 <main class="main_contents"> 113 <div class="contents_list"> 114 <h2 class="post_title">ãµã¤ãããã</h2> 115 <p>ãµã¤ãå ã®ãã¼ã¸ãã»ã¼ç¶²ç¾ ãã¦ãã¾ãã 116 <small> 117 <br><span class="new_flag">New</span> or <span class="new_flag">Up</span> â¦æè¿æ´æ°ããããã¼ã¸ã§ãã 118 </small> 119 </p> 120 <ul class="contents_list"> <li><a href="https://10prs.com/information">ãµã¤ãã«ã¤ãã¦</a></li> 121 <li><a href="https://10prs.com/entry">ããã°</a></li> 122 <li> 123 <a href="https://10prs.com/freo-guide">freo Tips</a> 124 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=freo">freo</a></span> 125 <ul> <li> 126 <a href="https://10prs.com/freo-guide/What_you_can_do_with_freo">ããfreoã§åºæ¥ããï¼</a> 127 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=freo">freo</a></span> 128 </li> 129 <li> 130 <a href="https://10prs.com/freo-guide/upload_files">freoã®ãã¡ã¤ã«ã¢ãããã¼ãæ¹æ³ã®ç¨®é¡ã¨ãã®è¡¨ç¤º</a> 131 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=freo">freo</a>,<a href="https://10prs.com/page?tag=%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3">ã®ã£ã©ãªã¼ãã©ã°ã¤ã³</a></span> 132 </li> 133 <li> 134 <a href="https://10prs.com/freo-guide/user_and_group">freoã®ã¦ã¼ã¶ã¼ã¨ã°ã«ã¼ã</a> 135 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=freo">freo</a>,<a href="https://10prs.com/page?tag=%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC">ã¦ã¼ã¶ã¼</a>,<a href="https://10prs.com/page?tag=%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97">ã°ã«ã¼ã</a></span> 136 </li> 137 <li> 138 <a href="https://10prs.com/freo-guide/plugins">freoãã©ã°ã¤ã³ä¸è¦§è¡¨</a> 139 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=freo%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3">freoãã©ã°ã¤ã³</a></span> 140 </li> 141 <li> 142 <a href="https://10prs.com/freo-guide/download">ãã¦ã³ãã¼ã</a> 143 <ul> <li> 144 <a href="https://10prs.com/freo-guide/download/sns-share">SNSã·ã§ã¢ãã¿ã³ç¨ãã³ãã¬ã¼ã</a> 145 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=freo">freo</a>,<a href="https://10prs.com/page?tag=SNS%E3%82%B7%E3%82%A7%E3%82%A2%E3%83%9C%E3%82%BF%E3%83%B3">SNSã·ã§ã¢ãã¿ã³</a></span> 146 </li> 147 <li> 148 <a href="https://10prs.com/freo-guide/download/tinymce_details">TinyMCEç¨detailsã¿ã°æ¿å ¥ãã©ã°ã¤ã³</a> 149 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=freo">freo</a>,<a href="https://10prs.com/page?tag=tinyMCE%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3">tinyMCEãã©ã°ã¤ã³</a></span> 150 </li> 151 </ul> </li> 152 </ul> </li> 153 <li> 154 <a href="https://10prs.com/web-tips">web Tips</a> 155 <ul> <li> 156 <a href="https://10prs.com/web-tips/tegalog">ã¦ããã</a> 157 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 158 <ul> <li> 159 <a href="https://10prs.com/web-tips/tegalog/beginner">ã¹ããã§ãã§ããï¼ãã¦ããããç°¡åè¨ç½®ã»å§ãæ¹</a> 160 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 161 </li> 162 <li> 163 <a href="https://10prs.com/web-tips/tegalog/setting">ã¦ãããæ¬çªéç¨åã«è¨å®ãã¦ãããããã¤ã³ã</a> 164 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 165 </li> 166 <li> 167 <a href="https://10prs.com/web-tips/tegalog/sns-share">ã¦ãããã«SNSã·ã§ã¢ãã¿ã³</a> 168 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 169 </li> 170 <li> 171 <a href="https://10prs.com/web-tips/tegalog/download">ã¦ãããã¹ãã³é å¸</a> 172 <ul> <li> 173 <a href="https://10prs.com/web-tips/tegalog/download/daydream">ã¦ãããã¹ãã³ãdaydreamã</a> 174 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 175 </li> 176 <li> 177 <a href="https://10prs.com/web-tips/tegalog/download/CMSkin">CMSkin for ã¦ããã</a> 178 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 179 <ul> <li> 180 <a href="https://10prs.com/web-tips/tegalog/download/CMSkin/HowToUse">CMSkin for ã¦ããããã¦ã³ãã¼ãã»ä½¿ãæ¹</a> 181 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 182 </li> 183 </ul> </li> 184 <li> 185 <a href="https://10prs.com/web-tips/tegalog/download/X_modoki">ã¦ãããã¹ãã³ãX_modokiã</a> 186 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 187 </li> 188 <li> 189 <a href="https://10prs.com/web-tips/tegalog/download/post-it">ã¦ãããã¹ãã³ããã¹ãã¤ããã</a> 190 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 191 </li> 192 <li> 193 <a href="https://10prs.com/web-tips/tegalog/download/Xmodoki2">ã¦ãããã¹ãã³ãXmodoki2ã</a> 194 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 195 </li> 196 </ul> </li> 197 </ul> </li> 198 <li> 199 <a href="https://10prs.com/web-tips/etc">ãã®ä»ã®Tips</a> 200 <ul> <li> 201 <a href="https://10prs.com/web-tips/etc/unzip-smartphone">ã¹ããã§zipã解åããæ¹æ³</a> 202 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3">ã¹ãã¼ããã©ã³</a></span> 203 </li> 204 </ul> </li> 205 </ul> </li> 206 <li> 207 <a href="https://10prs.com/bookmark">ããã¯ãã¼ã¯</a> 208 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%82%B5%E3%82%A4%E3%83%88%E6%83%85%E5%A0%B1">ãµã¤ãæ å ±</a></span> 209 </li> 210 <li> 211 <a href="https://10prs.com/tools">便å©ãã¼ã«</a> 212 <ul> <li> 213 <a href="https://10prs.com/tools/twitter-to-tegalog">ãã¤ãã¿ã¼ â ã¦ãããå¤æ</a> 214 <span class="tags" style="font-size:small"><a href="https://10prs.com/page?tag=%E3%81%A6%E3%81%8C%E3%82%8D%E3%81%90">ã¦ããã</a></span> 215 </li> 216 <li> 217 <a href="https://10prs.com/tools/FAQgenerator">FAQã¸ã§ãã¬ã¼ã¿</a> 218 </li> 219 </ul> </li> 220 </ul> </div> 221 </main> 222 <!-- ãµã¤ããã¼çã¨ãªã¢ --> 223 <aside class="utility_links"> 224 <div> 225 <div class="utility_title">blog category</div> 226 <div class="utility_contents"><ul> 227 <li> 228 <a href="https://10prs.com/category/freo">freo Tips(41)</a> 229 </li> 230 <li> 231 <a href="https://10prs.com/category/tegalog">ã¦ããã Tips(17)</a> 232 </li> 233 <li> 234 <a href="https://10prs.com/category/web">ãµã¤ãå¶ä½(20)</a> 235 </li> 236 <li> 237 <a href="https://10prs.com/category/memo">éè¨(6)</a> 238 </li> 239</ul> 240</div> 241 </div> 242 <div> 243 <div class="utility_title">ads</div> 244 <div class="utility_contents"><ins class="adsbygoogle" 245style="display:block" 246data-ad-client="ca-pub-1648040390908815" 247data-ad-slot="3390667315" 248data-ad-format="auto" 249data-full-width-responsive="true"></ins>
250<script> 251(adsbygoogle = window.adsbygoogle || []).push({}); 252</script>
252 253</div> 254 </div> 255 <div> 256 <div class="utility_title">contents</div> 257 <div class="utility_contents"> 258 <ul> 259 <li><a href="https://10prs.com/freo-guide">freo Tips</a></li> 260 <li><a href="https://10prs.com/web-tips">web Tips</a></li> 261 <li><a href="https://10prs.com/bookmark">ããã¯ãã¼ã¯</a></li> 262 <li><a href="https://10prs.com/tegalog-cms">ã¦ããã</a></li> 263 </ul> 264 </div> 265 </div> 266 <div> 267 <div class="utility_title">etc.</div> 268 <div class="utility_contents"> 269 <ul> 270 <li><a href="https://10prs.com/feed">RSS 1.0</a></li> 271 <li><a href="https://10prs.com/feed/rss2">RSS 2.0</a></li> 272 </ul> 273 </div> 274 </div> 275 </aside> 276 </div> 277 <!-- ãã³ãããªã¹ã --> 278 <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumb"> 279 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> 280 <a itemprop="item" href="https://10prs.com"> 281 <span itemprop="name">ãã¼ã </span> 282 <meta itemprop="position" content="1"> 283 </a></li> 284 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> 285 <span itemprop="name">ãµã¤ãããã</span> 286 <meta itemprop="position" content="2"> 287 </li> 288 </ol> 289 <!-- ã°ãã¼ãã«ããã¿ --> 290 <footer class="global_footer"> 291 <div class="sitemap"> 292 <h2 class="footer_title">sitemap</h2> 293 <ul> 294 <li><a href="https://10prs.com/information">ãµã¤ãã«ã¤ãã¦</a></li> 295 <li><a href="https://10prs.com/entry">ããã°</a></li> 296 <li><a href="https://10prs.com/freo-guide">freo Tips</a></li> 297 <li><a href="https://10prs.com/web-tips">web Tips</a></li> 298 <li><a href="https://10prs.com/bookmark">ããã¯ãã¼ã¯</a></li> 299 <li><a href="https://10prs.com/tegalog-cms">ã¦ããã</a></li> 300 </ul> 301 </div> 302 <div class="thanks"> 303 <h2 class="footer_title">thanks</h2> 304 <ul> 305 <li><a href="https://freo.jp/" target="_blank">freo.jp</a> 306 <ul> 307 <li><a href="https://holydragoon.jp/" target="_blank">é¾ã®æ£²ãå ´æ</a></li> 308 <li><a href="https://cccabinet.jpn.org/" target="_blank">freoã«ã¹ã¿ãã¤ãºé</a></li> 309 <li><a href="https://32877.info/" target="_blank">è¹è²ãããã</a></li> 310 </ul> 311 </li> 312 <li><a href="https://www.nishishi.com/" target="_blank">ã«ãããµããã¨ãã¼</a></li> 313 <li><a href="https://do.gt-gt.org/" target="_blank">do</a></li> 314 </ul> 315 </div> 316 <div class="ads"> 317 <h2 class="footer_title">ads</h2> 318 <ul> 319 <li><a href="https://px.a8.net/svt/ejp?a8mat=1IAYCW+6KYL36+1WTI+C0B9U" rel="nofollow">ã¹ã¿ã¼ãã¡ã¤ã³</a> 320<img border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=1IAYCW+6KYL36+1WTI+C0B9U" alt=""></li> 321 <li><a href="https://px.a8.net/svt/ejp?a8mat=3H37EV+FA4LAA+3MPA+5YJRM" rel="nofollow">ãªãã«ãµã¼ãã¼</a> 322<img border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3H37EV+FA4LAA+3MPA+5YJRM" alt=""></li> 323 <li><A href="https://px.a8.net/svt/ejp?a8mat=3NN537+8OKMWY+D8Y+65U42" rel="nofollow">ãããã¤ã³ã¿ã¼ããã</A> 324<img border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3NN537+8OKMWY+D8Y+65U42" alt=""></li> 325 </ul> 326 </div> 327 <div class="copyright"> 3282007 - 2026 <a href="https://10prs.com">10press</a> 329 </div> 330 </footer> 331 332 <!-- åºå®ãã --> 333 <div class="fixed_btn"> 334 <label for="for_global_nav" id="nav_toggle" accesskey="n"><span>menu</span></label> 335 </div> 336 <!-- ã¹ã¯ãã¼ã«ãã¿ã³ --> 337 <div class="scroll_btn"> 338 <a href="#" onclick="window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); return false;"><span>æä¸é¨ã¸</span></a> 339 <a href="#" onclick="window.scrollTo({ top: document.getElementsByTagName('body')[0].clientHeight, left: 0, behavior: 'smooth' }); return false;"><span>æä¸é¨ã¸</span></a> 340 </div> 341 342<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 342-343
342 343<script async src="https://www.googletagmanager.com/gtag/js?id=
343G-FCSYT3H8G3
vendor: 12 bytes, line 343
343"></script>
344<script> 345
vendor: 136 bytes, lines 345-349
345window.dataLayer = window.dataLayer || []; 346 function gtag(){ dataLayer.push(arguments); } 347 gtag('js', new Date()); 348 349 gtag('config', '
349G-FCSYT3H8G3
vendor: 4 bytes, line 349
349');
350</script>
350 351
352<script data-ad-client="ca-pub-1648040390908815" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" crossorigin="anonymous"></script>
352 353<noscript> 354<span style="visibility: hidden; position: absolute; top: 0; left: 0;"> 355<img src="https://10prs.com/z_/analyzer/write.php?act=img&site=1&url=https://10prs.com/page" width="1" height="1" alt="tracker"> 356</span> 357</noscript> 358</body> 359</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.