Dòng mới giữa các thuộc tính phần tử HTML?

Question

Chúc mừng,

Tôi đang làm một số mẫu hoạt động trên một dự án cá nhân và tôi đang cố gắng hết sức để giữ các dòng của mình dưới 80 ký tự. Điều này rất khó thực hiện với HTML, đặc biệt là khi thêm mã cho nội dung động. Có rất nhiều trường hợp sẽ rất hữu ích khi đặt ngắt dòng bên trong chính các phần tử, giữa các thuộc tính. Dưới đây là một ví dụ:

<a href="http://example.com">foobar</a>

Về cơ bản, tôi muốn để có thể làm điều này:

<a
href="http://example.com">foobar</a>

mà không cần bất kỳ ảnh hưởng xấu. Dường như nó hợp lệ và Firefox không bận tâm, nhưng tôi muốn một cái gì đó tiếp cận một câu trả lời có thẩm quyền. Tôi đã cố gắng tìm câu trả lời trong thông số HTML để không có kết quả. Google cũng không giúp được gì, vì vậy tôi nghĩ tôi sẽ hỏi người dân hiểu biết.

Cảm ơn mọi thông tin chi tiết.

Answer 1

Điều này hợp lệ. như xa như bạn không phá vỡ các thuộc tính mình. Ví dụ:

này có hiệu lực:

< a href = "http://example.com"

>
foobar
</a>

Đây là không:

< a href = "http: // exa mpl
e.com "> foobar </a>

Answer 2

Bất kỳ khoảng trắng nào được phép giữa các định nghĩa thuộc tính bao gồm dấu cách, tab và dòng mới.

(Cảm ơn Matt) Ghi chú rằng:

<b>Some text</b> 

là không tương đương với:

<b> 
Some text 
</b> 

Tuy nhiên nó là tương đương với:

<b> Some text </b> 

nghĩa những dòng mới là không gian .

Trong một định nghĩa thẻ giữa các thuộc tính tuy nhiên chúng vẫn ổn.

Answer 3

Trong mã, bạn có thể làm bất kỳ điều gì với khoảng trắng. Tuy nhiên với một số trình duyệt nếu bạn đã viết someting như:

<a href="http://example.com">foobar 
</a> 

Dòng mới có thể có một (ít) incidenx về cách liên kết của bạn sẽ được hiển thị, đặc biệt là về tình trạng 'hoạt động'.

Answer 4

Nếu bạn sử dụng nó bên ngoài các thẻ thì bạn sẽ nhận được một khoảng trống duy nhất cho tất cả các ký tự khoảng trắng trong một hàng do hiệu ứng thu gọn.

http://library.stanford.edu/tools/tutorials/html2.0/whitespace.html

Nói chung, một đơn khoảng trắng nhân vật - bao gồm cả dòng mới - hoặc một chuỗi ký tự khoảng trắng được coi là một không gian duy nhất và hàng đầu/dấu khoảng trắng là loại bỏ. Điều này được gọi là 'khoảng trống thu gọn'.

Answer 5

Bạn có thể thực hiện việc này mà không gặp bất kỳ sự cố nào. Điều gì có thể gây ra vấn đề là đặt khoảng trắng giữa mở và đóng thẻ:

<a href="http://example.com">
foobar</a>

Điều này sẽ gây thêm một dòng hoặc thừa khoảng trống trong một số trình duyệt.