135-1821-9792

HTML英式英语还是美式英语

HTML没有英式英语或美式英语的区别,它是一种编程语言,不涉及语言风格。

HTML 英式英语还是美式英语

为沈河等地区用户提供了全套网页设计制作服务,及沈河网站建设行业解决方案。主营业务为成都网站制作、成都做网站、外贸营销网站建设、沈河网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

介绍:

在编写 HTML 代码时,我们可以选择使用英式英语(British English)或美式英语(American English),这两种英语风格有一些差异,但大多数情况下它们是可以互换的,本文将详细介绍 HTML 中的英式英语和美式英语的差异,并提供一个相关问题与解答的栏目来回答读者可能遇到的问题。

1、标签和属性的大小写

在 HTML 中,标签和属性的大小写是有区别的,以下是一些常见的差异:

标签/属性英式英语美式英语
html
body
title</td><td><title></td></tr><tr><td>href</td><td><href></td><td><href></td></tr><tr><td>class</td><td><class></td><td><class></td></tr><tr><td>id</td><td><id></td><td><id></td></tr></tbody></table><p>2、注释的写法</p><p>在 HTML 中,注释用于解释代码的含义或提供其他信息,英式英语和美式英语在注释的写法上也有一些差异,以下是两种风格的注释示例:</p><p>英式英语:</p><pre class="brush:html;toolbar:false"> <!This is a comment in British English > </pre><p>美式英语:</p><pre class="brush:html;toolbar:false"> <!This is a comment in American English > </pre><p>3、CSS 样式的选择器大小写</p><p>在定义 CSS 样式时,选择器的大小写也需要注意,以下是一些常见的差异:</p><table><tbody><tr><td>选择器</td><td>英式英语</td><td>美式英语</td></tr><tr><td>p</td><td><code>p {...}</code></td><td><code>p {...}</code></td></tr><tr><td>div</td><td><code>div {...}</code></td><td><code>div {...}</code></td></tr><tr><td>h1</td><td><code>h1 {...}</code></td><td><code>h1 {...}</code></td></tr><tr><td>ClassName</td><td><code>.className {...}</code></td><td><code>.className {...}</code></td></tr><tr><td>IDName</td><td><code>#IDName {...}</code></td><td><code>#IDName {...}</code></td></tr></tbody></table><p>4、JavaScript 语法的差异</p><p>JavaScript 是一种脚本语言,用于为网页添加交互功能,在 JavaScript 中,英式英语和美式英语也存在一些语法差异,在定义变量时,英式英语通常使用驼峰命名法(camelCase),而美式英语则更倾向于使用下划线命名法(snake_case),日期、货币等格式也可能有所不同。</p><p>问题与解答:</p><p>1、Q: 我可以使用混合风格的英语编写 HTML 代码吗?</p><p>A: 是的,你可以根据需要混合使用英式英语和美式英语,大多数浏览器都能正确解析混合风格的代码,为了保持一致性和易读性,建议在整个项目中只使用一种风格的英语。</p><p>2、Q: 我可以在 CSS 样式中使用不同风格的选择器吗?</p><p>A: 不建议在 CSS 样式中使用不同风格的选择器,因为选择器的大小写对于浏览器来说是不同的,可能会导致样式不生效或产生意外的结果,建议在整个项目中保持一致的选择器风格。</p> <br> 新闻标题:HTML英式英语还是美式英语 <br> 网页网址:<a href="http://wtcwzsj.com/article/dhiijog.html">http://wtcwzsj.com/article/dhiijog.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dphjose.html">制作漂亮表格,WPS教程带你飞</a> </li><li> <a href="/article/dphjoso.html">10行代码爬取微信公众号文章评论</a> </li><li> <a href="/article/dphjoch.html">遭遇云计算迪士尼产品部CIO如此抉择</a> </li><li> <a href="/article/dphghhh.html">TikTok选了第三条路,川普终于要妥协了?</a> </li><li> <a href="/article/dphjoes.html">怎么查看阿里月消费?(阿里云怎么找会员首页链接)</a> </li> </ul> </div> </div> <!-- end #bd --> <div class="c"></div> <!-- begin #fd --> <div id="fd" class="index-fd pr"> <div class="map-bg3"></div> <div class="wp"> <div class="fd-top"> <dl> <dt>关于我们</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.wtcwzsj.com/about#whous">我们是谁</a></li> <li><a href="http://www.wtcwzsj.com/about#ourcus">我们服务的客户</a></li> <li><a href="http://www.wtcwzsj.com/about#ourteam">我们的团队</a></li> </ul> </dd> </dl> <dl> <dt>我们的服务</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.wtcwzsj.com/service#webbuit">网站建设</a></li> <li><a href="http://www.wtcwzsj.com/service#weiweb">H5响应式 交互网站</a></li> <li><a href="http://www.wtcwzsj.com/service#webmobel">移动端 & 微网站定制</a></li> <li><a href="http://www.wtcwzsj.com/service#servweb">服务流程</a></li> <li><a href="http://www.wtcwzsj.com/service#solution">行业解决方案</a></li> </ul> </dd> </dl> <dl> <dt>网站建设案例</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.wtcwzsj.com/case/">公司集团</a></li> <li><a href="http://www.wtcwzsj.com/case/">数码电子科技</a></li> <li><a href="http://www.wtcwzsj.com/case/">建筑与设计</a></li> <li><a href="http://www.wtcwzsj.com/case/">安防门禁</a></li> <li><a href="http://www.wtcwzsj.com/case/">管理咨询美容</a></li> <li><a href="http://www.wtcwzsj.com/case/">外贸行业</a></li> </ul> </dd> </dl> <dl> <dt>新闻动态</dt> <dd> <ul class="ul-fd"> <li><a href="/news/2.html">温岭网站建设</a></li><li><a href="/news/3.html">温岭网站制作</a></li><li><a href="/news/4.html">温岭网站设计</a></li> </ul> </dd> </dl> <dl> <dt>联系我们</dt> <dd class="pr"> <p><a href="http://www.wtcwzsj.com/news/" class="weixin"></a><a href="http://www.wtcwzsj.com/news/" class="sina"></a><span class="weixin-pic"><img src="/Public/Home/pic/ewm.jpg"></span></p> <p><b class="tel">135-1821-9792</b></p> <h5>公司服务热线</h5> </dd> </dl> </div> <div class="link"> 友情链接: <a href="http://www.bjsile.com/" title="成都精神堡垒设计" target="_blank">成都精神堡垒设计</a>   <a href="https://www.cdxwcx.com/jifang/xiyun.html" title="成都移动服务器托管" target="_blank">成都移动服务器托管</a>   <a href="http://www.xjhxsj.com/" title="成都会议展览设计" target="_blank">成都会议展览设计</a>   <a href="https://www.cdxwcx.com/city/dujiangyan/" title="都江堰做网站" target="_blank">都江堰做网站</a>   <a href="http://www.kswsj.com/" title="成都网站设计" target="_blank">成都网站设计</a>   <a href="http://www.cdgsczgs.com/" title="产品认证" target="_blank">产品认证</a>   <a href="https://www.cdcxhl.com/xiyun.html" title="移动服务器托管" target="_blank">移动服务器托管</a>   <a href="http://www.njjbc.com/" title="成都文化墙设计" target="_blank">成都文化墙设计</a>   <a href="http://www.cdxwcx.cn/tuoguan/deyang.html" title="德阳电信机房" target="_blank">德阳电信机房</a>   <a href="http://www.cdxwcx.cn/tuoguan/xiyun.html" title="西云服务器托管" target="_blank">西云服务器托管</a>    </div> </div> <div class="fd-copy"> <div class="wp"> <p><span style="color:#CCCCCC;">Copyright © 2009-2022 www.wtcwzsj.com 青羊区广皓图文设计工作室(个体工商户) 版权所有</span> <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow" style="color:#CCCCCC;">蜀ICP备19037934号</a></p> </div> </div> </div> <div class="side"> <ul> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank"> <div class="sidebox"><img src="/Public/Home/pic/side_icon02.png">在线咨询</div> </a></li> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank"> <div class="sidebox"><img src="/Public/Home/pic/side_icon01.png">在线咨询</div> </a></li> <li><a href="tel:135-1821-9792"> <div class="sidebox"><img src="/Public/Home/pic/side_icon03.png"><span style="font-size:14px">135-1821-9792</span></div> </a></li> </ul> </div> <div class="side2"> <ul> <li><a href="http://www.wtcwzsj.com/news/"><img src="/Public/Home/pic/r_icon1.png" alt="温岭网站建设"></a> <div class="weixin"><em></em><img src="/Public/Home/pic/ewm.jpg" alt="温岭网站建设"></div> </li> <li><a href="javascript:goTop();" class="sidetop"><img src="/Public/Home/pic/r_icon2.png"></a></li> </ul> </div> <div class="fot"> <ul> <li> <a href="https://p.qiao.baidu.com/cps/mobileChat?siteId=11284691&userId=6256368&type=1&reqParam=%20{%22from%22:0,%22sessionid%22:%22%22,%22siteId%22:%2211284691%22,%22tid%22:%22-1%22,%22userId%22:%226256368%22,%22ttype%22:1,%22siteConfig%22:%20{%22eid%22:%226256368%22,%22queuing%22:%22%22,%22siteToken%22:%226ce441ff9e2d6bedbdfc2a4138de449e%22,%22userId%22:%226256368%22,%22isGray%22:%22false%22,%22wsUrl%22:%22wss://p.qiao.baidu.com/cps3/websocket%22,%22likeVersion%22:%22generic%22,%22siteId%22:%2211284691%22,%22online%22:%22true%22,%22webRoot%22:%22//p.qiao.baidu.com/cps3/%22,%22bid%22:%22160142915792139572%22,%22isSmallFlow%22:0,%22isPreonline%22:0,%22invited%22:0%20},%22config%22:%20{%22themeColor%22:%224d74fa%22%20}%20}&appId=&referer=&iswechat=0&expectWaiter=-1&openid=null&otherParam=null&telephone=null&speedLogId=null&eid=null&siteToken=6ce441ff9e2d6bedbdfc2a4138de449e" target="_blank"> <img src="/Public/Home/pic/fot1.png" alt=""> <p>在线咨询</p> </a> </li> <li> <a href="tel:18980820575" target="_blank"> <img src="/Public/Home/pic/fot2.png" alt=""> <p>拨打电话</p> </a> </li> </ul> </div> <script type="text/javascript" src="/Public/Home/pic/jquery.js"></script> <script type="text/javascript" src="/Public/Home/pic/lib.js"></script> </body></html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>