Question

HTML是否有编码标准？请建议具有HTML编码样式的链接。

例如：

 <table>
 <tr>
     <td>
         Data
     </td>
 </tr>
 </table>

Answer 1

以下是一些要添加到列表中的标准。

<强> 1。压痕

你似乎已经对此有了正确的想法。缩进的主要目的应该是明确标签的打开和关闭位置。考虑这个例子。

<div><p>Hello <a href="http://somewebsite.com/">World</a></p><div><p>Hello World</p></div>

这看起来没问题，直到您正确缩进并发现错误：

<div>
    <p>Hello <a href="http://somewebsite.com/">World</a></p>
    <div>
        <p>Hello World</p>
    </div>

原来的div没有关闭。哎呀！这就是缩进可以节省大量时间的原因。

<强> 2。标签和属性

现在人们普遍认为所有标签和属性都应该是小写的。很久以前我们在HTML中省略了所有CAPS标签，而且还使用camelCasing来处理像onMouseOver和onClick这样的东西，它们现在都是小写的。所有属性值都应该用双引号括起来。例如：

<div id="content">Hello</div>

不

<div id=content>Hello</div>
<DIV ID="content">Hello</DIV>

第3。仅限语义标记

不要使用任何标签来推断风格或控制风格。例如......

<font>
<b>

或......等属性

<table border="2">

另外，不要使用像h1标签这样的东西来获得更大的字体。

尝试考虑标签的含义，“h1”是顶级标题，“p”是段落，“table”表示以表格格式排列的数据。切勿将标签用于与预期不同的目的，并尝试了解可用的标签。例如，使用列表而不是手动布置事物列表。

不要使用表格进行布局。（我已经使用语义“em”标记强调了这一点。）

不要使用太多的div标签来解决问题！（DIV-ITU后！）

Answer 2

首先选择你的doctype，然后针对W3C验证器验证你的html格式错误

其他要考虑的事情是

正确的缩进
抵制添加太多标记的诱惑，即保持标记简单
在语义上构建你的html，这样如果关闭样式表，文档仍然有意义并且顺序正确
避免使用已弃用的代码，例如<font>
选择通用类名，例如mainHeader而不是largeRedHeader
使用类重复元素和id出现一次的元素
仅对父元素使用类和id，并使用css设置子元素样式，例如#intro＆gt; p而不是#intro .paragraph

Answer 3

HTML Tidy提供了一种非常可靠的风格，它也可以帮助您实施。

Answer 4

你的意思是缩进风格吗？这是事实上的缩进样式：

<table>
  <tr>
     <td>One line of text - no indent.</td>
     <td>
       <p>
         Multiple lines of text. <br />
         With line breaks - indent.<br />
         Inline: <b>no indent</b>
       </p>
     </td>
  </tr>
</table>

但是，上面的样式占用太多空格，对于某些缩进样式，HTML，HEAD和BODY不会缩进。

<html>
<head>
<title>Title</title>
</head>
<body>

<div>
  <h1>Title</h1>
  <p>Hello, world! The content begins here.</p>
</div>

</body>
</html>

Answer 5

我个人遵循xhtml标准（所有打开的标签都有一个封闭的标签，区分大小写等等）。它使得更容易遵循代码并自动格式化。我一般也会从父母那里缩进一切：

<table summary="example table">
   <tr>
       <td>
           Data
       </td>
   </tr>
</table>

我也倾向于尝试包含可访问性的所有必需属性，我认为这是一件好事。

html的编码样式

5 个答案: