StarMirror/styleguide
1
0
Fork 0
mirror of https://github.com/google/styleguide.git synced 2024-03-22 13:11:43 +08:00
Code Issues Projects Releases Wiki Activity

Update HTML Line-Wrapping examples

Browse Source 
Replaces the examples in the HTML Line-Wrapping recommendation to include child elements.
This commit is contained in:
Tony Ruscoe 2022-05-05 10:04:58 +01:00 committed by GitHub
parent 2eb7e16647
commit 992ad03d50
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
htmlcssguide.html
View File

@ -451,24 +451,27 @@ wrapping long lines if it significantly improves readability.</p>
additional spaces from the original line to distinguish wrapped attributes from additional spaces from the original line to distinguish wrapped attributes from
child elements.</p> child elements.</p>
<pre><code class="language-html good">&lt;md-progress-circular md-mode="indeterminate" class="md-accent" <pre><code class="language-html good">&lt;button mat-icon-button color="primary" class="menu-button"
ng-show="ctrl.loading" md-diameter="35"&gt; (click)="openMenu()"&gt;
&lt;/md-progress-circular&gt; &lt;mat-icon&gt;menu&lt;/mat-icon&gt;
&lt;/button&gt;
</code></pre> </code></pre>
<pre><code class="language-html good">&lt;md-progress-circular <pre><code class="language-html good">&lt;button
md-mode="indeterminate" mat-icon-button
class="md-accent" color="primary"
ng-show="ctrl.loading" class="menu-button"
md-diameter="35"&gt; (click)="openMenu()"&gt;
&lt;/md-progress-circular&gt; &lt;mat-icon&gt;menu&lt;/mat-icon&gt;
&lt;/button&gt;
</code></pre> </code></pre>
<pre><code class="language-html good">&lt;md-progress-circular md-mode="indeterminate" <pre><code class="language-html good">&lt;button mat-icon-button
class="md-accent" color="primary"
ng-show="ctrl.loading" class="menu-button"
md-diameter="35"&gt; (click)="openMenu()"&gt;
&lt;/md-progress-circular&gt; &lt;mat-icon&gt;menu&lt;/mat-icon&gt;
&lt;/button&gt;
</code></pre> </code></pre>
<h4 id="HTML_Quotation_Marks" class="numbered">HTML Quotation Marks</h4> <h4 id="HTML_Quotation_Marks" class="numbered">HTML Quotation Marks</h4>